This is a Next.js, MUI Spotify Web API component using SWR for auto updating. Shows a current playing song on Spotify.

Demo: http://next-js-spotify-ssr-mui-component.vercel.app

Sreenshots

Getting Started

First, install all dependencies.

npm install
# or
yarn install

Second, rename .env.example to .env and set all the Spotify web API tokens.

SPOTIFY_CLIENT_ID=
SPOTIFY_CLIENT_SECRET=
SPOTIFY_REFRESH_TOKEN=

As last run the development server and let the magic happen!

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.