A Spotify clone built using Next.js, TailwindCSS, React hooks, and the Spotify API.
Built following along a YouTube tutorial, but also including some of my own improvements and bug fixes.
This app uses the Spotify API which acts more as a remote for an active device running Spotify.
A Spotify account is required, as well as a device running the Spotify app.
- Create an application at Spotify for Developers and copy your Client ID and Client Secret.
- Change the
Redirect URIs
setting for the application to includehttp://localhost:3000/api/auth/callback/spotify
. - Clone the repo.
- Copy the
.env.example
to.env.local
. - Fill in the environment variables.
- Bump some tunes! 🎧
- Investigate Spotify API issue with skipping songs.
- Optimize images from
<img>
toNext/Image
components. - Style the front end to match the UI even closer.