There is a hosted version of the website already at Better Playlist if you would like to test it out.
This is a drag and drop Spotify playlist editor. It lets you open playlists side by side and smoothly move songs back and forth.
If you would like to make any edits you can fork and modify this repo. Please give credit back to jfgbecerra.
This is a Next.js project bootstrapped with create-next-app
.
It uses these technologies
- React.js
- Node.js
- Zustand
- Next Auth
- NextUI
- Next Themes
- Pangea DnD
- Tailwind CSS
- VsCode
- Vercel
Clone down this repository. You will need node.js
and git
installed globally on your machine.
Add a .env.local file in the repo and populate in with inforation
You will need spotify app information and NextAuth secrets Spotify NextAuth
NEXT_APP_SPOTIFY_CLIENT_ID = ""
NEXT_APP_SPOTIFY_SECRET = ""
NEXTAUTH_SECRET = ""
NEXTAUTH_URL = ""
JWT_SECRET = ""
-
Installation:
npm install
-
In the project directory, you can run:
npm run dev
Runs the app in the development mode.
Open http:https://localhost:3000 to view it in the browser.
The page will reload if you make edits.
After launching the app. You can log in and view begin editing your playlists.
Give a ⭐ if you like this website!