A full-stack Spotify clone made with Next.js and Supabase. You can see a working example at supafy.vercel.app.
Note This project is not affiliated, associated, authorized, endorsed by, or in any way officially connected with Spotify or Supabase.
Key Features • Setup • Credits • Donate • License
- User authentication
- RLS Policies
- Search songs by name, artist or album
- Add your favorite playlists to your library or add musics to your Liked Songs
- Create playlists and add songs
- Edit playlists and upload custom covers
- History of playlists played
- Keep listening to your musics without breaks while browsing the site
- Persistent song queue
Make sure you have a working project in Supabase, with 2 buckets already made: images and musics, both public. You'll also need a working installation of Git and Node.js.
- From your command line:
# Clone this repository
$ git clone https://github.com/Leandro-Amorim/supafy
# Go into the repository
$ cd supafy
# Install dependencies
$ npm install-
Run all migrations from
setup/migrationsfolder using the Supabase CLI or web interface -
Make sure you have a
.envfile in the root folder of the project with the variablesNEXT_PUBLIC_SUPABASE_URLandNEXT_PUBLIC_SUPABASE_ANON_KEYproperly configured according to the Supabase Dashboard. -
You can then run the project in developer mode using:
# Run the app
$ npm run devThis software uses the following open source software:
If you think this project has helped you in any way or you've learned something new, consider buying me a coffee, I love it!
Distributed under the MIT License. See LICENSE.txt for more information.