Skip to content

README.md

Latest commit

 

History

History
79 lines (48 loc) · 2.14 KB

README.md

File metadata and controls

79 lines (48 loc) · 2.14 KB
Raw

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

ipod

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
SITE_URL=your_production_domain

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

Deployment

Deployed on Cloudflare Workers via OpenNext.

pnpm build                        # Next.js + Serwist service worker
npx opennextjs-cloudflare build   # Bundle for Cloudflare Workers
npx opennextjs-cloudflare deploy  # Deploy to production

Set production secrets with npx wrangler secret put <NAME> for SPOTIFY_CLIENT_ID, SPOTIFY_CLIENT_SECRET, APPLE_DEVELOPER_TOKEN, and SITE_URL.

Built With

Next.js, React, TypeScript, Styled Components, Motion.

License

MIT