Lost Fuzz Website

---

Personal Bandcamp and hub for musician Lost Fuzz and his studio.

A retro-inspired web experience where each page pays homage to a classic computing environment.

🖥 Themes

The website features custom-designed themes for different sections, recreating the look and feel of vintage operating systems:

• Homepage: Commodore 64 (C64) terminal.
• Bandcamp: Apple II interface.
• Studios: System 1.0 (Classic Mac) desktop.
• About: MS-DOS command line.
• Contact: Amiga Workbench environment.

🛠 Tech Stack

• Framework: Next.js 15+ (App Router)
• Styling: Tailwind CSS 4.0
• Programming Language: TypeScript
• Icons: Lucide React
• Email: Resend SDK (for the contact form)
• Scraping: Cheerio (for Bandcamp synchronization)

✨ Key Features

• Automated Bandcamp Sync: A custom script (scripts/sync-bandcamp.mjs) scrapes Bandcamp for new releases and updates the bandcamp data automatically via GitHub Actions.
• Responsive Retro UI: Each classic OS interface is fully responsive and optimized for modern devices while maintaining its vintage charm.
• Integrated Contact Form: A clean, functional contact form built with Resend for direct messaging.
• High Performance: Leveraging Next.js 15 features for fast loading and optimal SEO.

🕹 Pseudo-Emulator & Easter Eggs

Beyond visual aesthetics, each page functions as a "pseudo-emulator" with interactive logic and hidden secrets:

• C64 (Home): A functional BASIC-style terminal. Try commands like COLOR BORDER RED, MUSIC (plays a chiptune SID), DANCE (ASCII party), or even POKE 53280, 2.
• Apple II (Bandcamp): A classic green-screen environment. Use CATALOG to see releases, RUN [N] to open them, or discover the APPLE and MATRIX easter eggs.
• Classic Mac (Studios): A draggable terminal window within the System 1.0 desktop. Check the top menu for system actions and quirky alerts (e.g., "Time travel not implemented").
• MS-DOS (About): A command-line interface with standard DOS commands like DIR, TYPE README.TXT, and VER. Try running WIN or FORMAT C: for system-specific responses.
• Amiga (Contact): A Workbench-inspired contact interface with tailored aesthetics and interactions.

🚀 Getting Started

This project uses pnpm as the package manager.

1. Installation

pnpm install

2. Development

Start the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

3. Sync Bandcamp Releases

To manually trigger the Bandcamp synchronization:

pnpm sync-bandcamp

4. Environment Variables

Create a .env.local file in the root directory for contact form functionality:

RESEND_API_KEY=your_key_here
[email protected]
[email protected]

📦 Deployment

The project is designed to be deployed on Vercel. Ensure the environment variables are set in your Vercel project settings.