This is a repository for a Full Stack Spotify Clone with Next.js 13.4 App Router: React, Tailwind, Supabase, PostgreSQL, Stripe

Key Features:

• Song upload
• Stripe integration
• Tailwind design for sleek UI
• Tailwind animations and transition effects
• Full responsiveness for all devices
• Credential authentication with Supabase
• Github authentication integration
• File and image upload using Supabase storage
• Client form validation and handling using react-hook-form
• Server error handling with react-toast
• Play song audio
• Favorites system
• Playlists / Liked songs system
• Advanced Player component
• Stripe recurring payment integration
• How to write POST, GET, and DELETE routes in route handlers (app/api)
• How to fetch data in server React components by directly accessing the database (WITHOUT API! like Magic!)
• Handling relations between Server and Child components in a real-time environment
• Cancelling Stripe subscriptions

Node version 14.x

git clone https://github.com/marianochavez/spotify_clone.git

pnpm install

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=

NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=

Use database.sql file, create songs and liked_songs table

pnpm dev

Running commands with npm pnpm [command]

Test Stripe locally

Make sure you are running the Stripe webhooks locally.