{"id":23006887,"url":"https://github.com/paschal533/next-spotify-clone","last_synced_at":"2025-04-02T15:14:32.316Z","repository":{"id":174807728,"uuid":"652814453","full_name":"paschal533/Next-spotify-clone","owner":"paschal533","description":null,"archived":false,"fork":false,"pushed_at":"2023-06-13T22:31:41.000Z","size":9213,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T06:15:18.827Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/paschal533.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-12T21:14:37.000Z","updated_at":"2023-06-12T21:17:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"d22832b2-628f-42ab-aa84-4e2880bbf738","html_url":"https://github.com/paschal533/Next-spotify-clone","commit_stats":null,"previous_names":["paschal533/next-spotify-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paschal533%2FNext-spotify-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paschal533%2FNext-spotify-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paschal533%2FNext-spotify-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paschal533%2FNext-spotify-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paschal533","download_url":"https://codeload.github.com/paschal533/Next-spotify-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246837684,"owners_count":20841903,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-15T08:13:52.223Z","updated_at":"2025-04-02T15:14:32.291Z","avatar_url":"https://github.com/paschal533.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Full Stack Spotify Clone with Next.js 13.4 App Router: React, Tailwind, Supabase, PostgreSQL, Stripe\n\n![Copy of Copy of Fullstack Twitter Clone](https://github.com/AntonioErdeljac/next13-spotify/assets/23248726/2722c7bd-2d8f-44a9-97b9-f2711a8d8b64)\n\nFor DEMO, use [Stripe Testing Cards](https://stripe.com/docs/testing)\n\nThis is a repository for a Full Stack Spotify Clone with Next.js 13.4 App Router: React, Tailwind, Supabase, PostgreSQL, Stripe\n\n[VIDEO TUTORIAL](https://youtu.be/2aeMRB8LL4o)\n\nKey Features:\n\n- Song upload\n- Stripe integration\n- Tailwind design for sleek UI\n- Tailwind animations and transition effects\n- Full responsiveness for all devices\n- Credential authentication with Supabase\n- Github authentication integration\n- File and image upload using Supabase storage\n- Client form validation and handling using react-hook-form\n- Server error handling with react-toast\n- Play song audio\n- Favorites system\n- Playlists / Liked songs system\n- Advanced Player component\n- Stripe recurring payment integration\n- How to write POST, GET, and DELETE routes in route handlers (app/api)\n- How to fetch data in server React components by directly accessing the database (WITHOUT API! like Magic!)\n- Handling relations between Server and Child components in a real-time environment\n- Cancelling Stripe subscriptions\n\n### Prerequisites\n\n**Node version 14.x**\n\n### Cloning the repository\n\n```shell\ngit clone https://github.com/AntonioErdeljac/next13-spotify.git\n```\n\n### Install packages\n\n```shell\nnpm i\n```\n\n### Setup .env file\n\n\n```js\nNEXT_PUBLIC_SUPABASE_URL=\nNEXT_PUBLIC_SUPABASE_ANON_KEY=\nSUPABASE_SERVICE_ROLE_KEY=\n\nNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=\nSTRIPE_SECRET_KEY=\nSTRIPE_WEBHOOK_SECRET=\n```\n\n### Add SQL Tables\nUse `database.sql` file, create songs and liked_songs table (there is a video tutorial)\n\n### Start the app\n\n```shell\nnpm run dev\n```\n\n## Available commands\n\nRunning commands with npm `npm run [command]`\n\n| command         | description                              |\n| :-------------- | :--------------------------------------- |\n| `dev`           | Starts a development instance of the app |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaschal533%2Fnext-spotify-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaschal533%2Fnext-spotify-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaschal533%2Fnext-spotify-clone/lists"}