https://github.com/anav5704/spotify-clone
https://github.com/anav5704/spotify-clone
nextjs postgresql supabase
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/anav5704/spotify-clone
- Owner: anav5704
- Created: 2023-10-01T02:19:07.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-24T01:06:12.000Z (over 2 years ago)
- Last Synced: 2025-10-05T02:03:31.937Z (9 months ago)
- Topics: nextjs, postgresql, supabase
- Language: TypeScript
- Homepage: https://definitelynotspotify.vercel.app
- Size: 6.81 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spotify Clone 🎧
This is a simple, full-stack Spotify clone but without premium. Users can add their own music to their library and this will be available to all signed-in users. Users can also like songs and search for songs. If you open up the site and it seems broken, that's my backend being suspended. Send me a [message](https://www.instagram.com/partially_unblind) and I'll resume it. Free tiers can only take you so far.
## Technologies Used
- Next JS 13
- TailwindCSS
- Radix UI
- Supabase
- Zustand
## Getting Started
First fork and clone the repo. Then, run ```npm install``` to download all the dependencies. Now, set up your environmental variables. Make a ```.env.local``` file in the root of your project with the following variables(these are from your Supabase project):
```
NEXT_PUBLIC_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_ANON_KEY
SUPABASE_SERVICE_ROLE_KEY
```
Once that is done, run ```npm run dev``` to view it on localhost.
## Learning Resources
- [Next JS + Supabase web app](https://www.youtube.com/watch?v=kDGovtwtcyU)
- [Fullstack Spotify clone](https://www.youtube.com/watch?v=2aeMRB8LL4o)
- [Supabase docs](https://supabase.com/)