Pourquoi revoir mon portfolio ?

En tant que développeur, mon portfolio est ma carte de visite. Il doit non seulement présenter mes projets, mais aussi refléter mes compétences techniques actuelles. J'ai donc décidé de migrer vers une architecture plus moderne, performante et maintenable.

L'objectif était double :

1. Améliorer l'expérience utilisateur avec une interface fluide et réactive.
2. Me simplifier la vie pour la gestion de contenu (ajouter des articles, mettre à jour mes projets).

🛠 La Stack Technique

Pour ce projet, j'ai fait des choix technologiques forts :

Next.js 16 & React 19

J'ai choisi d'utiliser la toute dernière version de Next.js (v16). Cela me permet de bénéficier des dernières optimisations de React 19, notamment en termes de rendu serveur (SSR) et de gestion des composants. Le site est ultra-rapide et optimisé pour le SEO.

Firebase : Le Backend sans tracas

Au départ, le site utilisait une base de données locale. J'ai migré vers Firebase pour plusieurs raisons :

• Firestore : Une base de données NoSQL temps réel très flexible pour stocker mes articles et mes projets.
• Authentication : Pour sécuriser l'accès à mon tableau de bord administrateur (oui, ce post a été écrit depuis une zone admin sécurisée !).
• Hosting : Un déploiement simplifié et performant.

Chakra UI : Design System

Pour le design, je ne voulais pas réinventer la roue à chaque bouton. Chakra UI m'a permis de mettre en place un thème cohérent (gestion des couleurs, typographie) et surtout de gérer nativement le Dark Mode et le Light Mode que vous pouvez tester via le menu !

Fonctionnalités Clés

Ce n'est pas juste une page statique. Voici ce qui tourne sous le capot :

• Blog Dynamique : Les articles sont stockés sur Firebase et rendus statiquement (ISR) pour une performance maximale.
• Section Projets : Mes derniers travaux sont récupérés dynamiquement.
• Interface Admin : J'ai créé un mini-CMS pour éviter de toucher au code à chaque fois que je veux corriger une faute d'orthographe.

Les Défis Rencontrés

Tout n'a pas été rose ! J'ai dû faire face à quelques challenges intéressants :

• Gestion des dépendances : Un conflit entre npm et yarn a causé quelques soucis de build, rapidement résolus en nettoyant les fichiers lock.
• Sécurité : La mise à jour vers Next.js 16 était nécessaire pour corriger des failles de sécurité critiques détectées par Vercel.

Conclusion

Ce projet est la preuve qu'on peut allier esthétisme et performance. Il est maintenant prêt à accueillir mes futurs contenus et à présenter mon évolution professionnelle.

N'hésitez pas à jeter un œil au code source sur mon GitHub !