Logo
5 min de lecture

La création de mon portfolio : Tech Stack & Design

Next.jsTailwindPortfolio

En tant que développeur, le portfolio est bien plus qu'une simple vitrine : c'est un terrain de jeu, une preuve de compétence et, surtout, un projet qui nous appartient totalement. Pour cette nouvelle version, je voulais quelque chose de rapide, moderne et facile à maintenir.

Le choix de la Stack Technique

Mon choix s'est naturellement porté sur Next.js 15 (App Router). Pourquoi ? Pour la performance native, le SSR (Server Side Rendering) et l'expérience de développement incroyable qu'offre React aujourd'hui.

  • Next.js : Pour le routing et l'optimisation des images.
  • Tailwind CSS : Pour un styling rapide et cohérent sans quitter le HTML.
  • TypeScript : Pour la robustesse du code et l'autocomplétion.
  • Framer Motion / CSS Animations : Pour donner vie à l'interface sans l'alourdir.
  • Formspree : Pour gérer l'envoi d'emails via le formulaire de contact sans backend (compatible export statique).

Design & UI

Je visais un design "propre" mais avec du caractère. L'utilisation de dégradés subtils (comme celui que vous voyez sur les titres) et d'effets de transparence (glassmorphism) permet d'ajouter de la profondeur sans surcharger visuellement la page.

L'un des défis était de rendre le site agréable sur mobile. Grâce aux classes utilitaires de Tailwind (md:grid-cols-2, hidden md:block), l'adaptation responsive a été fluide.

Internationalisation (i18n)

Vivant dans un contexte professionnel ouvert sur l'international, il était crucial que ce site soit accessible en anglais et en français. J'ai mis en place un système de contexte React léger pour gérer les traductions sans dépendre de lourdes librairies tierces pour l'instant.

Conclusion

Ce projet est vivant. Il évoluera avec mes compétences et mes envies. Au-delà de la technique, ce portfolio est aussi un moyen pour moi d'expérimenter et de partager ce que j'apprends.

Dans les prochains mois, je compte enrichir cette section blog avec des articles plus techniques sur React, l'accessibilité ou encore l'optimisation des performances. Si vous avez des retours ou des questions sur la réalisation de ce site, n'hésitez pas à m'écrire via le formulaire de contact. C'est toujours un plaisir d'échanger avec d'autres passionnés !