Website Building

Build a Nostalgia Music Website

Build a shareable nostalgia music website with Claude Code, including custom visuals, playlists and an interactive music-player experience.

About 20 minutes2 steps5 promptsBeginner

Tools Installation Step-by-step guide Prompts Built with

01 · Tools

AI tools you’ll use.

Claude CodeWrites the code and runs the terminal for you.

VercelDeploys the Next.js app and makes it public.

NetlifyDeploys the static build and hosts the domain.

ChatGPT / Gemini / Midjourney (background images)

iTunes Search API

02 · Installation

Set up each tool.

Do these before step 1.

Install Claude CodeWrites the code and runs the terminal for you.

Check Node.js is version 20 or newer
Open Claude Code in a new project folder

03 · Guide

Step-by-step guide.

2 of 2 open

SetupA landscape image for computers

Roughly 16:9. This is what anyone opening the link on a laptop will see.

SetupA portrait image for phones

Roughly 9:16, and composed separately — not the landscape one cropped. A crop cuts the subject in half and leaves nothing above it for the title.

04 · Prompts

The prompts that built it.

prompt-1.txt

A painted illustration of an Indian street corner in the late afternoon: a bright red kirana shop with a corrugated tin awning, crates of mangoes, men sitting on stools talking, palm trees and pink concrete houses behind, deep blue sky. Flat gouache painting style, warm sunlight, rich saturated colour, no text anywhere in the image. Landscape 16:9, leave the upper third relatively open.

06 · Built with