Zeus
Mon portfolio personnel - le site sur lequel vous vous trouvez. Construit avec Next.js, Tailwind CSS et next-intl pour le support bilingue.
Le problème & les objectifs
Zeus est mon portfolio personnel, conçu pour présenter mon travail, mes compétences et mon parcours. Il propose un design sombre avec un héros en style terminal, une interface bilingue (EN/FR), une vitrine de projets, et une page /uses.
Problème
Bilingual EN/FR with next-intl
Objectif
100 Lighthouse score across all categories
Ce que j'ai géré
Solo
- Fully static - no server runtime needed
- Terminal-styled hero card
Stack & pourquoi
Chaque choix devait mériter sa place.
Next.js
Tech
Préféré à Astro pour son pipeline d'optimisation d'images et l'ISR. La génération statique élimine tout runtime serveur - le site est servi depuis le CDN de Vercel sans coût.
TypeScript
Tech
Le mode strict détecte des catégories entières de bugs à la compilation - particulièrement utile quand on jongle avec du contenu bilingue et des types complexes entre locales.
Tailwind CSS
Tech
Les classes utilitaires restent dans le markup - pas de feuille de style séparée. Le moteur Tailwind v4 purge tout l'inutilisé, moins de 10 kB de CSS en prod.
next-intl
Tech
Fonctionne nativement avec les RSC asynchrones et l'App Router. Les alternatives comme next-i18next nécessitaient des wrappers client incompatibles avec les server components.
Lighthouse & performances web
Performance
Accessibility
Best practices
SEO
Fonctionnalités clés
Bilingual EN/FR with next-intl
100 Lighthouse score across all categories
Fully static - no server runtime needed
Terminal-styled hero card
Projet suivant →
Helios
Un tableau de bord bureau personnel construit avec Tauri 2 et React. 28+ widgets, gestion de projets Kanban, graphe réseau interactif et surveillance système.