A web application to analyze Spotify tracks, albums, playlists, and artists. Get detailed metrics about your favorite music using the Spotify Web API.
- Analyze any Spotify URL (tracks, albums, playlists, artists)
- View detailed audio feature metrics (popularity, danceability, energy, etc.)
- See track listings with artist information
- Filter tracks by artist and popularity
- Real-time data from the Spotify Web API
-
Clone the repository
-
Install dependencies:
npm install
-
Create a
.env.localfile in the root directory with your Spotify API credentials:SPOTIFY_CLIENT_ID=your_client_id_here SPOTIFY_CLIENT_SECRET=your_client_secret_hereYou can get these credentials by:
- Going to the Spotify Developer Dashboard
- Logging in with your Spotify account
- Creating a new application
- Copying the Client ID and Client Secret
-
Start the development server:
npm run dev
-
Open http://localhost:3000 in your browser
-
Paste any Spotify URL into the input field
- Track URL:
https://open.spotify.com/track/... - Album URL:
https://open.spotify.com/album/... - Playlist URL:
https://open.spotify.com/playlist/... - Artist URL:
https://open.spotify.com/artist/...
- Track URL:
-
Click "Analyze" to get detailed information
-
View the analysis results:
- Overall metrics (popularity, danceability, energy, acousticness, tempo)
- Track listings with additional information
- Filter tracks by artist or popularity
- Next.js
- React
- Spotify Web API
- CSS
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.