Bauer IT Solutions

Transparenz · Werkstattbericht

So ist diese Website gebaut.

Diese Seite ist mein bestes Referenzprojekt: Sie zeigt, wie ich arbeite, bevor wir das erste Wort gewechselt haben. Voll animiert und trotzdem in unter einer Sekunde geladen — das ist kein Widerspruch, sondern Engineering.

Die Stückliste

Framework
Astro 7 — statisches HTML, kein Client-Framework im Auslieferungspfad
Styling
Tailwind CSS 4 mit eigenem Token-System
Animation
GSAP 3.15 als eine einzige lazy geladene Insel, erst nach dem Laden der Seite
Schriften
4 selbst gehostete WOFF2-Subsets, zusammen unter 90 KB — kein Google-CDN
Hosting
Vercel, Serverless-Region Frankfurt (fra1)
Formular
Serverless-Function mit Honeypot, Zeit-Falle und Cloudflare Turnstile
Statistik
Vercel Web Analytics — cookielos, aggregiert, keine IP-Speicherung

Budgets, die der Build erzwingt

Diese Grenzen sind kein Vorsatz, sondern ein CI-Gate: Überschreitet eine Änderung die Budgets, schlägt der Build fehl und die Seite geht so nicht live.

Largest Contentful Paint
unter 1,8 s (CI-erzwungen)
Cumulative Layout Shift
unter 0,05
Cookies
0 — deshalb auch kein Cookie-Banner
Tracker
0
JavaScript ohne Animation
praktisch 0 KB
Lighthouse-Gate
Build schlägt fehl, wenn eine Kategorie unter 95 fällt

Warum das für Ihr Projekt relevant ist

Bauer IT Solutions baut Kundenprojekte mit derselben Disziplin wie diese Seite: messbare Budgets statt Versprechen, dokumentierte Architektur statt Blackbox, Übergabefähigkeit von Anfang an. Wenn Ihre heutige Website oder Anwendung langsam ist, Cookie-Banner braucht oder niemand mehr weiß, wie sie gebaut wurde — genau dafür gibt es diesen anderen Weg.

Die Arbeitsweise dahinter beschreibe ich unter „So arbeite ich", das Website-Angebot unter „Website erstellen lassen".