TrackList

This is a T3 Stack project that leverages the Spotify Web API. TrackList aims to provide Spotify users enhanced information about their Spotify profile and various Spotify artists.

Features

• View your top artists and tracks
• Search for artists
• View a list of all of an artist's songs
• Sort an artist's songs by popularity, name, or release date
• View an album's tracklist

The Stack

TrackList uses the following technologies:

• Next.js
• NextAuth.js
• Tailwind CSS
• tRPC

Local Deployment

To deploy a version of TrackList for yourself, create a Spotify application and add the application client ID and client secret to a .env file. You will also need NEXTAUTH_URL AND NEXTAUTH_SECRET environment variables. Your .env file should look like this:

SPOTIFY_CLIENT_ID=your-client-id
SPOTIFY_CLIENT_SECRET=your-client-secret
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your-secret

Then, run the following commands:

npm install
npm run dev

Visiting http://localhost:3000 will show you the TrackList homepage.