← Zurück zu Projekten

Portfolio Website — bridging-data.com

Abgeschlossen

Mehrsprachige Portfolio-Website, gebaut mit Next.js 15 und Tailwind CSS, als statische Seite auf AWS deployed (S3, CloudFront, ACM, Route 53) mit automatisierter CI/CD-Pipeline via GitHub Actions.

Technologien

Next.jsTypeScriptTailwind CSSnext-intlAWS S3AWS CloudFrontAWS ACMRoute 53GitHub ActionsClaude Code

Problem

Eine WordPress-Seite entsprach nicht mehr dem Profil — zu unflexibel, kaum erweiterbar, ohne technischen Mehrwert. Ziel war eine wartbare, portfolio-fokussierte Website, die gleichzeitig praktisches Cloud- und Frontend-Wissen demonstriert.

Ansatz

Next.js mit statischem Export, next-intl für 4 Sprachen (DE/EN/FR/IT), Tailwind CSS. Hosting auf AWS: S3 (privater Bucket + Origin Access Control), CloudFront als CDN, CloudFront Function (Viewer Request) für URL-Rewriting (/de/ → /de/index.html), ACM-Zertifikat (us-east-1), Route 53 für die Custom Domain.

Ergebnis

Produktive Portfolio-Website unter bridging-data.com mit automatischem Deployment bei jedem Push auf den main-Branch.

Learnings

next-intl benötigt setRequestLocale() in jedem Layout/Page für den statischen Export (Middleware ist zur Laufzeit nicht verfügbar); ACM-Zertifikate müssen zwingend in us-east-1 erstellt werden, unabhängig von der S3-Bucket-Region; CloudFront Functions rewriten /de/ zu /de/index.html bevor S3 die Anfrage erhält — S3 braucht exakte Dateinamen.

Relevanz

Zeigt praktisches Frontend-Wissen (Next.js, TypeScript, Tailwind), produktionsreifes AWS-Hosting (S3, CloudFront, ACM, Route 53) und automatisierte Deployment-Pipelines (GitHub Actions) — alles in einem einzigen Projekt.