Skip to content

realmahd1/Nextjs-Spotify-Clone

Repository files navigation

About

In this Spotify Clone, I use next js v12, tailwind, next js middleware, typescript, next auth, redux toolkit, and the important part is using Spotify API for getting user information. This project can show your playlists on Spotify and play them for the 30s. You can handle the volume and time of the track that plays.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

NEXTAUTH_URL= #### http://localhost:3000 ####

NEXT_PUBLIC_CLIENT_ID= ####### spotify client id #######

NEXT_PUBLIC_CLIENT_SECRET= ######## spotify client secret ########

JWT_SECRET= #### JWT SECRET ####

TODO

  • Show first item of playlist as default when you login
  • Improve the UI
  • Complete the possible sections
  • Refactor Codes
  • Close to 100% test coverage