Next.js · Personal BrandProject 16
Developer Portfolio
A responsive personal portfolio presenting development, data-engineering and AI work through a structured, JSON-driven content system.
[ overview ]
This site. A fully JSON-driven personal portfolio built on the latest Next.js, presenting full-stack, data-engineering and AI work through one structured content system — edit the data and the whole site updates. Hand-built neo-brutalist design with a pure-CSS dark mode and generated social images.
[ what it does ]
- Next.js 16 (App Router, Turbopack) + React 19 + TypeScript strict
- Tailwind CSS v4 with a token-driven neo-brutalist design system
- Single JSON content layer — every page and section reads from src/data
- Pure-CSS dark mode via data-theme tokens, with no flash on load
- Auto-generated Open Graph / Twitter social images using next/og
- Per-page SEO metadata, sitemap, robots and JSON-LD Person schema