iPod.js

The iPod Classic, rebuilt for the streaming era.

Spotify and Apple Music in a pixel-perfect iPod Classic, complete with click wheel, games, and themes.

Try it live

---

Quick Start

pnpm install
pnpm dev

Visit http://127.0.0.1:3000/ipod to start.

Use 127.0.0.1 instead of localhost. Spotify's redirect URIs require it.

Configuration

Create a .env.local file:

SPOTIFY_CLIENT_ID=your_spotify_client_id
SPOTIFY_CLIENT_SECRET=your_spotify_client_secret
APPLE_DEVELOPER_TOKEN=your_apple_developer_token

Spotify

1. Create an app in the Spotify Developer Dashboard
2. Add http://127.0.0.1:3000/ipod as a redirect URI (must be 127.0.0.1, not localhost)
3. Copy your Client ID and Client Secret

Apple Music

1. Join the Apple Developer Program
2. Create a MusicKit identifier and generate a private key
3. Create a developer token (JWT). See the Apple Music JWT Generator for help

Built With

Next.js, React, TypeScript, Styled Components, Motion. Deployed on Vercel.

License

MIT

---

Tanner Villarete · LinkedIn