Swap out the client_id and scopes for your own. Here's an example of what the URL might look like. I also recently launched a course that covers everything you need to build a web app with the Spotify API using Node & React. Since we only need permission granted once, we'll use the Authorization Code Flow.įirst, we'll have our application request authorization by logging in with whatever scopes we need. There are a variety of ways to authenticate with the Spotify API, depending on your application. You'll need these soon.Īll done! You now have a properly configured Spotify application and the correct credentials to make requests. Fetches Real-time playlists and the song playing & embedded with clean multimedia footer. Handled authentication with Spotify's Native AUth.

Fill out the name and description and click create. A full stack, Spotify CLONE using ReactJS, Firebase & Material-UI.

Go to your Spotify Developer Dashboard and log in.Create an Applicationįirst, we need to create a Spotify application to give us credentials to authenticate with the API. This post will be a quick tutorial to get up and running with Spotify. To accomplish this, I'd need to integrate Spotify's API with Next.js API routes.

I wanted to display what song I'm currently listening to on my site, as well as my top tracks.

Spotify reactjs