Archive
2026 · May·internal·website·live

mazzotta.dev

The portfolio and lead-gen site you are reading right now. Multilingual case studies, archive, hardened contact form. all under one type-safe content layer.

Impact

Self-demonstrating stack. Every page is also a live sample of the engineering. content pipeline, view transitions, locale routing, contact form.

Tech Stack
Next.jsTypeScriptTailwindVeliteMDX

mazzotta.dev is the portfolio and lead-gen site you are reading right now. Multilingual case studies, work archive, hardened contact form. built so the engineering speaks for itself.

Overview

A senior engineer's portfolio cannot just be a landing page with a CV. Every screen here is also a live demo of the stack: content pipeline, navigation, case-study layout, contact flow. Built so the visitor never has to take the engineering claims on trust.

What it does

  • Trilingual content (EN / DE / TH) with first-class hreflang and locale routing
  • Type-safe MDX case studies with one consistent template per project
  • Native view transitions on card to case-study navigation
  • Hardened contact form (BotID, honeypot, time-trap, rate-limit, Zod)
  • RSS feed per locale, dynamic sitemap, generated OG images per project

Highlights

  • One repo, 127 static pages built on every push
  • Lighthouse-CI gates accessibility, SEO, performance and best practices on every PR
  • Content lives in MDX so non-developer edits stay clean

Build something similar?

Related Work

Wealthior Brand Site cover
InternalLive
2026

Wealthior Brand Site

Flagship consumer brand site for Wealthior. Editorial spreads, brand storytelling, single entry point into every sub-brand.

Next.jsTypeScriptTailwind
SVP Root cover
ClientLive
2026

SVP Root

Standalone WordPress site for a Swiss local political chapter. Custom branding on a Divi base, editorial layout, easy to update.

WordPressPHPDivi
Pernotto cover
ClientLive
2026

Pernotto

Property management system for small Swiss hotels and guesthouses. Bookings, guest check-in and Swiss QR-Bill invoicing in one calm interface.

Next.jsTypeScriptSupabasePostgresTailwind