{"id":16236915,"url":"https://github.com/santosfrancisco/spotify-widget","last_synced_at":"2025-08-05T09:22:03.111Z","repository":{"id":42746276,"uuid":"278540526","full_name":"santosfrancisco/spotify-widget","owner":"santosfrancisco","description":"A widget that shows what is currently playing on your spotify.","archived":false,"fork":false,"pushed_at":"2023-01-07T20:16:05.000Z","size":537,"stargazers_count":30,"open_issues_count":13,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-03T04:24:21.766Z","etag":null,"topics":["javascript","nextjs","now","obs-studio","playing","spotify","spotify-web-api","streaming","twitch","widget"],"latest_commit_sha":null,"homepage":"https://spotify-widget.vercel.app","language":"JavaScript","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/santosfrancisco.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}},"created_at":"2020-07-10T04:47:06.000Z","updated_at":"2025-01-15T15:48:47.000Z","dependencies_parsed_at":"2023-02-08T00:31:43.307Z","dependency_job_id":null,"html_url":"https://github.com/santosfrancisco/spotify-widget","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/santosfrancisco/spotify-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/santosfrancisco%2Fspotify-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/santosfrancisco%2Fspotify-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/santosfrancisco%2Fspotify-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/santosfrancisco%2Fspotify-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/santosfrancisco","download_url":"https://codeload.github.com/santosfrancisco/spotify-widget/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/santosfrancisco%2Fspotify-widget/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268867900,"owners_count":24320464,"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-08-05T02:00:12.334Z","response_time":2576,"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":["javascript","nextjs","now","obs-studio","playing","spotify","spotify-web-api","streaming","twitch","widget"],"created_at":"2024-10-10T13:33:44.711Z","updated_at":"2025-08-05T09:22:03.079Z","avatar_url":"https://github.com/santosfrancisco.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/listen.svg\" width=\"300\" \u003e\n\u003c/p\u003e\n\n# Spotify Current Song Widget\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/widget.png\" \u003e\n\u003c/p\u003e\n\n[https://spotify-widget.vercel.app/](https://spotify-widget.vercel.app/)\n\nA widget that shows what is currently playing on your spotify. It was built to be used with OBS Studio or Streamlabs OBS (or another broadcast application that accepts url sources). This way, whoever is watching your live, knows what music is playing.\n\n## Development\n\n### Requisites\n\n- NodeJS\n- An spotify app\n- mongodb database\n\nFirst, you should have a spotify app. You can create one [here](https://developer.spotify.com/dashboard/).\n\nSecond, you should have a mongodb database. I'm recommend you use [MongoDB Atlas](https://cloud.mongodb.com/).\n\nAfter this, fill all enviroment variables in the `.env`\n\n```\n  DB_CONNECTION_STRING=your-mongodb-connection-string-with-user-and-pass\n  ClientID=your-spotify-ClientID\n  ClientSecret=your-spotify-ClientSecret\n  BASE_URL=http://your-base-url/\n```\n\nThen, run the command below in your terminal\n\n```bash\n  yarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n## TODO\n\n- Tests\n\n## Contributions\n\nPR's are welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsantosfrancisco%2Fspotify-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsantosfrancisco%2Fspotify-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsantosfrancisco%2Fspotify-widget/lists"}