← Retour aux projets

Portfolio Website — bridging-data.com

Terminé

Site portfolio multilingue construit avec Next.js 15 et Tailwind CSS, déployé comme site statique sur AWS (S3, CloudFront, ACM, Route 53) avec un pipeline CI/CD automatisé via GitHub Actions.

Technologies

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

Problème

Un site WordPress ne correspondait plus au profil — trop inflexible, peu extensible et sans valeur technique. L'objectif était un site portfolio maintenable qui démontre simultanément des connaissances pratiques en cloud et frontend.

Approche

Next.js avec export statique, next-intl pour 4 langues (DE/EN/FR/IT), Tailwind CSS. Hébergé sur AWS : S3 (bucket privé + Origin Access Control), CloudFront comme CDN, CloudFront Function (Viewer Request) pour la réécriture d'URL (/de/ → /de/index.html), certificat ACM (us-east-1), Route 53 pour le domaine personnalisé.

Résultat

Site portfolio en production sur bridging-data.com avec déploiement automatique à chaque push sur la branche main.

Apprentissages

next-intl nécessite setRequestLocale() dans chaque layout/page pour l'export statique (le middleware n'est pas disponible à l'exécution) ; les certificats ACM doivent être créés en us-east-1 quelle que soit la région du bucket S3 ; les CloudFront Functions réécrivent /de/ en /de/index.html avant que S3 reçoive la requête — S3 a besoin de noms de fichiers exacts.

Pertinence

Démontre des connaissances frontend pratiques (Next.js, TypeScript, Tailwind), un hébergement AWS prêt pour la production (S3, CloudFront, ACM, Route 53) et des pipelines de déploiement automatisés (GitHub Actions) — le tout dans un seul projet.