{"id":22895836,"url":"https://github.com/ansh-rathod/nextjs-musive-app","last_synced_at":"2025-09-08T14:31:41.590Z","repository":{"id":63238163,"uuid":"558320817","full_name":"Ansh-Rathod/Nextjs-Musive-app","owner":"Ansh-Rathod","description":"Web version of Musive app. built in Nextjs with redux-toolkit and TailwindCSS.","archived":false,"fork":false,"pushed_at":"2024-07-02T13:38:29.000Z","size":17775,"stargazers_count":57,"open_issues_count":2,"forks_count":24,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-09T00:51:07.006Z","etag":null,"topics":["audio-player","authentication","music-player","nextjs","redux","spotify","spotify-clone"],"latest_commit_sha":null,"homepage":"https://musive.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/Ansh-Rathod.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":"2022-10-27T10:10:39.000Z","updated_at":"2025-01-04T02:57:53.000Z","dependencies_parsed_at":"2024-06-07T07:42:57.867Z","dependency_job_id":null,"html_url":"https://github.com/Ansh-Rathod/Nextjs-Musive-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ansh-Rathod/Nextjs-Musive-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ansh-Rathod%2FNextjs-Musive-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ansh-Rathod%2FNextjs-Musive-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ansh-Rathod%2FNextjs-Musive-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ansh-Rathod%2FNextjs-Musive-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ansh-Rathod","download_url":"https://codeload.github.com/Ansh-Rathod/Nextjs-Musive-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ansh-Rathod%2FNextjs-Musive-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274198309,"owners_count":25239607,"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","status":"online","status_checked_at":"2025-09-08T02:00:09.813Z","response_time":121,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["audio-player","authentication","music-player","nextjs","redux","spotify","spotify-clone"],"created_at":"2024-12-13T23:32:20.875Z","updated_at":"2025-09-08T14:31:40.316Z","avatar_url":"https://github.com/Ansh-Rathod.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Musive Web App\n\nExplore \u0026 download free stock music and use it anywhere you like with spotify web player experience.\n\nFully working Music player web app built in nextjs with typescript support and tailwindCSS. Used Algolia for fastest search response. [Backend](https://github.com/Ansh-Rathod/Musive-backend-2.0) is written in nodejs with PostgreSQL (more info vist backend repo).\n\n\u003cbr/\u003e\n\n## Demo\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"public/logo.jpeg\" alt=\"logo\" width=\"30%\"/\u003e\n\n\u003ch3 align=\"center\"\u003e\u003ca href=\"https://musive.vercel.app/\"\u003eVisit deployed web version\u003c/a\u003e\u003c/h3\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\n## Features\n\n- App includes all Working features that spotify client provides.\n- Available for all screen Mobile, tablet, laptop and desktop.\n- The app is made to give a user full experience of spotify client.\n- It has almost same UI as Spotify for every page.\n- 10,000+ stock music for added.\n- Recordable list for queue management with react-beautiful-dnd.\n\n# Image Gallery\n\n\u003cp align=\"center\"\u003e\n\n\u003cbr/\u003e\n\n### Authentication Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/0.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003cbr/\u003e\n\n### Home Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/1.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003cbr/\u003e\n\n### Artist Profile Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/2.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003cbr/\u003e\n\n### Search Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/3.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\u003cimg src=\"./public/screenshots/4.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003cbr/\u003e\n\n### Genre Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/5.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003cbr/\u003e\n\n### Library Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/6.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003cbr/\u003e\n\n### Collections Page\n\n\u003chr/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"./public/screenshots/7.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\u003cimg src=\"./public/screenshots/8.png\" alt=\"Gallery Image\" width=\"90%\" /\u003e\n\n\u003c/p\u003e\n\n## Getting Started\n\nFirst, Deploy the backend server from instractions are in [backend repo](https://github.com/Ansh-Rathod/Musive-backend-2.0):\n\n- Change the \u003ccode\u003eurl\u003c/code\u003e variable in file \u003ccode\u003econfig/url.ts\u003c/code\u003e\n- Check out the Algolia integration section in [backend repo](https://github.com/Ansh-Rathod/Musive-backend-2.0) for search feature.\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n\u003cbr/\u003e\n\n# Contact me\n\nfor backend or any other configuration feel free to contact me.\n\n\u003ca href=\"mailto: anshrathod29@gmail.com\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://twitter.com/anshrathodfr\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.linkedin.com/in/ansh-rathod/\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\"/\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fansh-rathod%2Fnextjs-musive-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fansh-rathod%2Fnextjs-musive-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fansh-rathod%2Fnextjs-musive-app/lists"}