A Web App For Exploring Spotify Data

This is a mobile-first responsive single page application providing a great browsing experiences exposing data not accessible through the official apps

Deployed at https://soundforspotify.com/

Built using React/Next.js + Apollo GraphQL + Spotify Web API

Develop

Set App Configuration

1. Set up and obtain your Spotify App Client ID

2. White-list http://localhost:3000/login in your app settings

3. Set CLIENT_ID in spotify-config.js to your app's client ID

4. Optional Apollo Engine Step:

   • Setup Service With Apollo Engine
   • Set APOLLO_ENGINE_API_KEY in spotify-config.js to your service API key:
   • Enjoy:
     • Performance tracing
     • Schema management
     • Error tracking
     • Caching

Local Build

npm run dev

hit up http://localhost:3000/

Production Build & Start

npm build && npm run start