Site vitrine Next.js

Motivations

Pourquoi ce projet mérite une page dédiée ? Parce qu’il traduit un besoin réel auquel j’ai dû répondre rapidement.

• Disposer d’un support unique pour raconter mes projets.
• Standardiser mes contenus (cartes, pages détaillées, CTA) avant de les réutiliser sur d’autres sites.
• Construire une base Next.js 14 modulaire que je peux enrichir (blog, insights data, etc.).

Présentation générale

Le site sert à la fois de carte de visite et de laboratoire d’UX. J’y teste des animations légères, des transitions accessibles et des contenus pensés pour être lus rapidement.

Chaque composant est réutilisable : cards, headings, layouts et CTA sont construits comme une mini design system Tailwind.

Rôle pédagogique

Je présente chaque projet comme un cas d’usage concret, avec un storytelling orienté résultat. L’objectif est de pouvoir dérouler la même trame en entretien.

Les pages détaillées mettent en avant l’architecture, les points d’attention et les apprentissages que je capitalise pour la mission suivante.

Architecture technique

App Router Next.js 14, données typées et centralisées, composants server-first. Tailwind fournit les primitives UI et tous les layouts sont responsives par conception.

• Structure pages → /projects, /experiences, /education + routes dynamiques.
• Composants partagés (cards, sections, layouts) pour limiter la duplication.
• Déploiement continu sur Vercel avec vérification ESLint + TypeScript.

Compétences développées

Compétences consolidées pendant le projet :

• Structuration d’un design system léger
• Accessibilité et responsive design
• Organisation du code (données, composants, routes dynamiques)
• Storytelling orienté produit

Résultats & impact

Une navigation claire : projets, expériences, formations, contact.

Des pages détaillées prêtes à être partagées lors d’un entretien.

Une base Next.js robuste pour accueillir de futurs contenus (articles, études de cas vidéo, etc.).