A web app that lets you blend two Spotify playlists into one. Authenticate with Spotify, paste two playlist URLs, and JamBlend creates a new combined playlist in your account with duplicates removed.
- Spotify OAuth login
- Blend any two Spotify playlists (public or private)
- Customizable name, description, and visibility for the new playlist
- Automatic duplicate track removal
- Dark / light mode
- Framework: Next.js 15 (App Router, Server Actions)
- Database: PostgreSQL via Neon + Drizzle ORM
- Auth: Better Auth with Spotify OAuth
- Styling: Tailwind CSS 4
git clone https://github.com/your-username/jamblend.git
cd jamblend
npm installCopy .env.example to .env and fill in the values:
cp .env.example .env
| Variable | Description |
|---|---|
BETTER_AUTH_URL |
Your app URL (e.g. http://localhost:3000) |
BETTER_AUTH_SECRET |
Random secret string for session encryption |
SPOTIFY_CLIENT_ID |
From Spotify Developer Dashboard |
SPOTIFY_CLIENT_SECRET |
From Spotify Developer Dashboard |
DATABASE_URL |
PostgreSQL connection string |
NEXT_PUBLIC_SUPPORT_EMAIL |
Contact email shown in the UI |
Spotify app setup: In your Spotify Developer app, add http://localhost:3000/api/auth/callback/spotify as a Redirect URI.
npm run dev
Open http://localhost:3000 in your browser.
Deploy to Vercel by connecting the repository and adding the environment variables in the project settings. No extra configuration needed.