Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/psykat1116/spotify
It is a clone website of the famous music streaming website known as Spotify made using Next JS, Tailwind CSS, Typescript, Supabase
https://github.com/psykat1116/spotify
nextjs13 postgresql radix-ui react-hook-form react-hot-toast stripe stripe-checkout stripe-payments stripe-subscriptions supabase supabase-db tailwindcss typescript use-sound webhook zustand
Last synced: 8 days ago
JSON representation
It is a clone website of the famous music streaming website known as Spotify made using Next JS, Tailwind CSS, Typescript, Supabase
- Host: GitHub
- URL: https://github.com/psykat1116/spotify
- Owner: psykat1116
- Created: 2024-01-01T03:26:05.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-06-16T05:55:19.000Z (5 months ago)
- Last Synced: 2024-06-16T06:30:23.303Z (5 months ago)
- Topics: nextjs13, postgresql, radix-ui, react-hook-form, react-hot-toast, stripe, stripe-checkout, stripe-payments, stripe-subscriptions, supabase, supabase-db, tailwindcss, typescript, use-sound, webhook, zustand
- Language: TypeScript
- Homepage: https://spotify-iota-three.vercel.app
- Size: 696 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Important Point
The Stripe Payment Method Build Here Is Completely On Test Mode.
So, You Can Easily Get A Premium Membership Just By Giving Any Valid Card Details With Paying Any Money.
You Can Use Card Number This Card No `4242 4242 4242 4242` Or If Not Working Use Any Valid Card With A Future Expiry Date, Random CVV and Valid Address & Name Details.
## Cloning The Repository
```bash
git clone https://github.com/psykat1116/Spotify.git
```
## Install The Packages
```bash
cd Spotify
npm i
```
## Setup .env File
```bash
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
```
## ADD SQL Tables
Follow The [Youtube Video](https://www.youtube.com/watch?v=2aeMRB8L) for create the tables.
## Run The Project
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) To See The Project On Local Server.