Skip to content

Web Architecture · Live · 2026

Monochrome Site System

One Next.js app with subpath sections — portfolio, blog, projects, lab, docs, apps, gallery, achievements, AI — sharing one monochrome identity and one studio admin.

Next.js · TypeScript · Vercel

Challenge

Replace nine separately deployed static sites with one fast app that feels unified, keeps URLs as subpaths, and stays maintainable without AI.

Solution

One App Router codebase with file-based JSON content, a built-in studio admin, auto SEO/sitemap/robots, and single-command Vercel deploy.

Features

  • Subpath routing: /blog, /projects, /lab, /docs, /apps, /gallery, /achievements, /ai, /social
  • Studio admin: edit, preview, SEO check, activity log
  • Zero-cost Vercel deploy with file persistence + Blob/KV upgrade path

Next

  • Grow each section over years without redesigns
  • Keep the monochrome language evolving in sync
Ask AI