{"id":21293411,"url":"https://github.com/evanch98/spotify-clone-nextjs","last_synced_at":"2026-04-10T01:40:58.916Z","repository":{"id":171361134,"uuid":"647799037","full_name":"evanch98/spotify-clone-nextjs","owner":"evanch98","description":"Spotify clone built with Next JS, TypeScript, Tailwind CSS, Supabase, Stripe, and Zustand.","archived":false,"fork":false,"pushed_at":"2023-09-04T16:22:52.000Z","size":445,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-22T06:47:25.927Z","etag":null,"topics":["nextjs","radix-ui","react","spotify-clone","stripe","supabase","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://spotify-clone-nextjs-xi.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/evanch98.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-05-31T14:42:23.000Z","updated_at":"2024-04-13T18:39:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"bbdd2e8c-3d29-47f0-8481-ec543fe639db","html_url":"https://github.com/evanch98/spotify-clone-nextjs","commit_stats":null,"previous_names":["evanch98/spotify-clone-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanch98%2Fspotify-clone-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanch98%2Fspotify-clone-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanch98%2Fspotify-clone-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanch98%2Fspotify-clone-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/evanch98","download_url":"https://codeload.github.com/evanch98/spotify-clone-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243762236,"owners_count":20343976,"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":["nextjs","radix-ui","react","spotify-clone","stripe","supabase","tailwindcss","typescript"],"created_at":"2024-11-21T13:54:36.760Z","updated_at":"2025-12-31T00:21:06.512Z","avatar_url":"https://github.com/evanch98.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# spotify-clone-nextjs\n\nStart Date: 31\u003csup\u003est\u003c/sup\u003e May 2023\u003cbr\u003e\nA Spotify clone web application built with TypeScript, React, Next.js, and Tailwind CSS.\n\n# Goals\n\n- To showcase my knowledge of React, TypeScript, NextJs, and Tailwind CSS\n- To build a Spotify clone website\n- To utilize Clean Architecture\n- To leverage the power of Next.js 13 App Router in the web application\n\n# Key Features\n\n- Supabase and Stripe integrations\n- Users' data are stored on the Supabase\n- Users can logged with email or GitHub which is possible by the Supabase\n- Users can upload songs\n- Users can like songs and see the list of the liked songs\n- Users can search songs from the sever, and the songs will be displayed in realtime\n- Users can play and listen to the songs uploaded by them or other users (can actually play the uploaded songs)\n- Users can adjust the volume of the sound and mute the sound\n- Users can buy the premium subscription which is made possible by the Stripe\n- Users can cancel the premium subscription\n- Restrict the user from performing some actions if there is no premium subscription\n\n# Testing the Project\n\nTo test the project, download the zip file and open it in the editor of your choice.\nThen, run `npm install` in the terminal to install the dependencies.\n\n```bash\nnpm install\n```\n\nAfter installing the required dependencies, you will have to create a `.env` file at the root of your project folder.\nThe required environment variable is as follows.\n\n```text\nNEXT_PUBLIC_SUPABASE_URL=\nNEXT_PUBLIC_SUPABASE_ANON_KEY=\nSUPABASE_SERVICE_ROLE_KEY=\nNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=\nSTRIPE_SECRET_KEY=\nSTRIPE_WEBHOOK_SECRET=\n```\n\nFollow the steps from the official documentation for [Supabase](https://supabase.com/docs/guides/getting-started/quickstarts/nextjs) and [Stripe](https://stripe.com/docs/development) to get the values for the environment variables.\nAfter completing the above steps, run `npm run dev` to test the project.\n\n```bash\nnpm run dev\n```\n\nIf you do not want to go through all the troubles, you can always test the [demo website](https://ecommerce-admin-nextjs-mu.vercel.app/) for this project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevanch98%2Fspotify-clone-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fevanch98%2Fspotify-clone-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevanch98%2Fspotify-clone-nextjs/lists"}