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
Next projectBlutec Ping