Archiv
2026 · May·internal·website·live

mazzotta.dev

Die Portfolio- und Lead-Gen-Seite, die du gerade liest. Mehrsprachige Case Studies, Archiv, gehärtetes Kontaktformular. alles auf einer typsicheren Content-Schicht.

Impact

Stack, der sich selbst zeigt. Jede Seite ist gleichzeitig ein lebendes Sample der Engineering-Arbeit. Content-Pipeline, View Transitions, Locale-Routing, Kontaktformular.

Tech-Stack
Next.jsTypeScriptTailwindVeliteMDX

mazzotta.dev ist die Portfolio- und Lead-Gen-Seite, die du gerade liest. Mehrsprachige Case Studies, Work-Archiv, gehärtetes Kontaktformular. gebaut, damit die Engineering-Arbeit für sich selbst spricht.

Überblick

Das Portfolio eines Senior Engineers darf nicht nur eine Landing Page mit Lebenslauf sein. Jeder Screen hier ist gleichzeitig ein lebendes Sample des Stacks: Content-Pipeline, Navigation, Case-Study-Layout, Kontakt-Flow. Damit Besucher die Engineering-Aussagen nicht glauben müssen.

Was es kann

  • Drei Sprachen (EN / DE / TH) mit erstklassigem hreflang und Locale-Routing
  • Typsichere MDX-Case-Studies mit einer einheitlichen Vorlage pro Projekt
  • Native View Transitions beim Wechsel von Karte zu Case Study
  • Gehärtetes Kontaktformular (BotID, Honeypot, Time-Trap, Rate-Limit, Zod)
  • RSS-Feed pro Locale, dynamische Sitemap, generierte OG-Bilder pro Projekt

Highlights

  • Ein Repo, 127 statische Seiten bei jedem Push gebaut
  • Lighthouse-CI prüft Accessibility, SEO, Performance und Best Practices in jedem PR
  • Inhalte als MDX, damit nicht-technische Edits sauber bleiben

Etwas Ähnliches bauen?

Weitere Arbeiten

Wealthior Brand Site cover
InternalLive
2026

Wealthior Brand Site

Flagship-Brand-Seite für Wealthior. Editorial-Layouts, Brand-Storytelling, ein Einstieg zu allen Sub-Brands.

Next.jsTypeScriptTailwind
SVP Root cover
ClientLive
2026

SVP Root

Eigenständige WordPress-Seite für eine Schweizer Ortssektion. Eigenes Branding auf Divi-Basis, redaktionelles Layout, leicht zu pflegen.

WordPressPHPDivi
Pernotto cover
ClientLive
2026

Pernotto

Property-Management-System für kleine Schweizer Hotels und Gaststätten. Buchungen, Gäste-Check-in und Swiss-QR-Bill-Rechnungen in einer ruhigen Oberfläche.

Next.jsTypeScriptSupabasePostgresTailwind