Now Playing on Spotify🎶

What am I currently listening to? Come and check it out! I saw this feature on a couple of portfolio sites and I also wanted to recreate it.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Tech Stack 🚀

• Next.js
• React icons
• Next font
• useSWR
• TailwindCSS
• Tailwind Animation delay plugin
• Spotify API

Environment variables

NEXT_SPOTIFY_CLIENT_ID: The Client ID you got from Spotify Developer Dashboard NEXT_SPOTIFY_CLIENT_SECRET: The Client Secret you got from Spotify Developer Dashboard NEXT_SPOTIFY_REFRESH_TOKEN: The Refresh Token you got from Spotify API

Live version

Deployed version

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.