Spotify-Clone

A Fullstack Spotify Clone made using React, Next.js, Typescript, PostgreSQL, TailwindCSS and Supabase.

Features

• 🛠️ Complete app built from scratch in Next.js 14
• 💳 Account Page.
• 🛍️ Users can add songs.
• 🛒 Favourite Songs Functionality.
• 🔑 Authentication using supabase.
• 🔑 Fetch songs, products through subapase.
• 🌟 Clean, modern UI using TailwincCSS.
• ✅ Advanced Sound Player.
• ✅ Fully mobile responsive.
• ✅ Stripe Integration.
• ✅ Subscription Functionality.

Note: I commented out the code where premium functionality would work. So, only premium users could play all the songs. Now, normal users can also play different musics without subscription. Also change the name of env.txt to .env.local

Getting started

To get started with this project, run

  git clone https://github.com/haider-sama/Spotify-Clone.git

Install dependencies

  npm install

environment variables

  change the name of env.txt to .env.local

You also need to set-up your supabase tables and storage. If you read the code, you will understand what tables to create and what storage buckets you have to create to start up with the app.

Cheers!