sepia

A Spotify Client made using NextJS and TailwindCSS

---

---

Devlop Locally

• Clone the repo and install dependencies

  git clone https://github.com/ish-u/sepia.git
  cd sepia
  npm install

• Get necessary tokens, secrets and urls for the .env file

  • Get the SPOTIFY_CLIENT_ID and SPOTIFY_CLIENT_SECRET from the Spotify Developers Dashboard --> Reference

  • Add the Callback URLs in the Spotify Developers Dashboard

    

  • Get DATABASE_URL from your locally running PSQL DB or setup using Docker --> docker-compose file

  • The Final .env file will look like this

    DATABASE_URL="*PSQL DB URL*"
    SPOTIFY_CLIENT_ID="YOUR SPOTIFY CLIENT ID"
    SPOTIFY_CLIENT_SECRET="*YOUR SPOTIFY CLIENT SECRET*"
    NEXTAUTH_SECRET="*YOUR SECRET*"
    NEXTAUTH_URL=http://localhost:3000/
    NEXT_PUBLIC_API=http://localhost:3000

• Generate Prisma Client and apply migrations

  npx prisma generate
  npx prisma migrate dev --name init

• Run the application

  npm run dev
  

• The application will be live at http://localhost:3000/

References

• Spotify Web API
• Spotify Web Playback SDK
• Spotify API Console
• NextAuth
• Prisma
• Docker
• react-icons
• tailwindcss
• Next.JS

To try the live demo ping me on discord - ish-u#5812