← Back

Work30

Old Projects Collection

A retro, early-2000s styled homepage showcasing the web apps I built while learning, with a detail page for each project and content managed in Payload CMS.

Role
Frontend
Built for
Personal
Status
active
Stack
Next.js, React, Payload CMS, React Markdown, JavaScript
Fig. 01
Fig. 02
Fig. 03
Fig. 04

The project

A home for the small web apps I built while learning frontend development, designed as a nostalgic early-2000s personal homepage: a mock Internet Explorer window, a starry gradient banner, a scrolling marquee, a sidebar menu, a "projects online" counter, and a status bar.

Key features:

  • Project list with screenshots, short descriptions, tech used, and links to the live site and source code
  • A detail page for each project with a full write-up, key features, and a project info panel
  • Breadcrumb navigation, a sidebar index of every project, and next-project links
  • Retro design details throughout, from the browser chrome and marquee to 88x31-style badges

Engineering:

  • Built with the Next.js App Router, with project pages statically generated
  • Content loaded from Payload CMS, showing only projects flagged as old projects
  • Write-ups stored as Markdown in the CMS and rendered with React Markdown and GFM
  • Tag-based caching with an on-demand revalidation endpoint, so CMS changes appear without a rebuild

Projects included:

Old Portfolio Website, Amazon Clone, Clothing Store, Weather App, Travel Journal, YouTube Clone, Word Guessing Game, Tenzies, Calculator, To-Do List, Rock Paper Scissors, Password Generator, Temperature Converter, Dice Roller Game, Stopwatch, and Number Guessing Game.

Next project

All work

WTG App

Work and Travel Guide GmbH (WTG) · Fullstack