andrewnjoo / Sonic

Spotify Clone using Next.js 12

Sonic

This app is a Spotify clone using Next.js, and the Spotify API. It lets you mirror music in a web browser and a compatible device.

Try App

Technology:

• Next.js 12.0
• Next-Auth 4 Beta
• Spotify API
• Recoil
• Tailwind
• Vercel Deployment

Instructions:

git clone https://github.com/adnjoo/Sonic
cd Sonic
npm install
npm run dev

Setup

make sure to add an .env file with the following, to allow for login:

NEXT_PUBLIC_CLIENT_ID=...
NEXT_PUBLIC_CLIENT_SECRET=...
JWT_SECRET=...

where NEXT_PUBLIC_CLIENT_ID, and NEXT_PUBLIC_CLIENT_SECRET are your Spotify client ID and client secret, and JWT_SECRET is your JWT secret.