My Site

About

About This Site

This is a Next.js site built with the webhouse.app CMS boilerplate. It demonstrates:

  • Richtext content with react-markdown
  • Block-based page sections (hero, features, CTA)
  • Blog posts with tags, excerpts, and cover images
  • OpenStreetMap embeds via Leaflet
  • SEO metadata and JSON-LD structured data
  • Dark mode via class strategy
  • Tailwind CSS v4 with CSS-only config

How It Works

  1. Content is stored as JSON files in content/
  2. Next.js reads JSON at build time via fs
  3. Pages use React Server Components by default
  4. Client components only where needed (map, markdown, nav)

Stack

ComponentTechnology
FrameworkNext.js 16+ (App Router)
LanguageTypeScript (strict)
StylingTailwind CSS v4
CMSwebhouse.app
MapsOpenStreetMap + Leaflet
Markdownreact-markdown + remark-gfm