This project was built using a youtube tutorial by Code With Antonio.
Welcome to the Full Stack Spotify Clone! Developed with Next.js 13.4, React, Tailwind CSS, Supabase, PostgreSQL, and Stripe, this project offers a dynamic Spotify-like experience. Users can register, upload songs to Supabase, and access premium plans via Stripe. With secure authentication, responsive design, and an integrated audio player for seamless music streaming, this application encapsulates the core elements of a modern music platform.
❗❗❗ I do not own the rights to the music used in this project. The music is for demonstration purposes only. In addition, this project is not intended for commercial use.
⭐ Note: The database may become inactive if the app is not used for a while. If this happens, please contact me and I will reactivate the database.
- To get started, clone the repository or download the zip file.
- Install the dependencies by running the following command in the terminal:
npm install
- Create a .env file in the root directory and add the following environment variables:
NEXT_PUBLIC_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_ANON_KEY
SUPABASE_SERVICE_ROLE_KEY
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
STRIPE_SECRET_KEY
STRIPE_WEBHOOK_SECRET
- Run the development server by running the following command in the terminal:
npm run dev
- Open http://localhost:3000 with your browser to see the result.
⭐ Note: The project may require some additional configuration to run properly. Please refer to the youtube tutorial for more information.
This project includes the following features:
- Sleek and responsive user interface using Tailwind CSS
- User login and signup authentication
- GitHub login integration
- Uploading audio files, artist name, song title, and album art.
- Audio player with play, pause, skip, and volume control functionality
- Liked songs and playlists system
- Search functionality
- Supabase storage and authentication
- Stripe integration for subscriptions
⭐ Note: For the Stripe integration, refer to Stripe's documentation for testing cards.
If you'd like to contribute to this project, please fork the repository and submit a pull request.
This project is licensed under the MIT License.