tamsiv.com in 3 Tagen: Next.js, Tailwind und der Vercel-Kampf

Eine mobile App ohne Website ist wie ein Restaurant ohne Schild. Ziel: 3 Tage, nicht mehr.

Tag 1: Grundlagen

Next.js 16, App Router, Tailwind CSS 4, TypeScript. Internationalisierung von Anfang an mit next-intl – 6 Sprachen. Das lokalisierte Routing (/fr/fonctionnalites, /en/features) kostete zwei Stunden Konfiguration.

Tag 2: Hero und Inhalt

Partikelanimation im Hintergrund auf dunklem Grund #101922. Intensives Copywriting: Anwendungsfälle, Funktionen, Preise, FAQ. Das Responsive Design erforderte drei Iterationen – die Feature-Raster von 3 Spalten auf 1.

Tag 3: SEO und Bereitstellung

Jede Seite hat ihr generateMetadata() mit Open Graph, alternativen Sprachen, dynamischer Sitemap. GA4 mit RGPD-Zustimmungsmodus.

Der Vercel-Kampf: Der erste Build schlug fehl. TypeScript-Typfehler, die die lokale Entwicklung ignorierte. Drei Stunden Fehlerbehebung. Lektion: Immer npm run build lokal ausführen, bevor man pusht.

Das Ergebnis

72 Stunden, vollständige mehrsprachige responsive Website. Lighthouse: 94 Leistung, 100 Barrierefreiheit, 100 SEO.