This project is a Spotify clone built using Next.js 14.0.3, React, Stripe for payment processing, Supabase for authentication and database, PostgreSQL as the database, and Tailwind CSS for styling.
This project aims to replicate the core functionality of the Spotify application, providing users with a familiar interface for exploring and listening to music. It utilizes modern web development technologies to deliver a seamless user experience.
- User authentication with Supabase
- Real-time updates using Supabase for playlists and song playback
- Integration with Stripe for premium subscription payments
- PostgreSQL database for storing user data and playlists
- Responsive UI design with Tailwind CSS
- Next.js for server-side rendering and improved performance
Before you begin, ensure you have the following installed on your local machine:
- Node.js: Download and install Node.js
-
Clone the repository:
git clone https://github.com/Arnaudband/spotify.git cd spotify -
Install dependencies:
npm install
-
Set up environment variables:
Create a
.env.localfile in the root of the project and add the following variables:NEXT_PUBLIC_SUPABASE_URL=your-supabase-url NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anonymous-key STRIPE_PUBLIC_KEY=your-stripe-public-key
Replace
your-supabase-url,your-supabase-anonymous-key, andyour-stripe-public-keywith your actual Supabase URL, Supabase anonymous key, and Stripe public key. -
Run the development server:
npm run dev
Open http://localhost:3000 in your browser to view the application.
- Create a new account or log in using your existing account.
- Explore music, create playlists, and enjoy your favorite tracks.
- Upgrade to a premium account for additional features.
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is licensed under the MIT License.