Portfolio
Description
À la suite d’un stage professionnel de deux mois où j'ai découvert l'écosystème des frameworks front-end, j’ai pris l'initiative personnelle de repenser et de redévelopper entièrement mon portfolio numérique. L'objectif était de faire évoluer mes compétences et de structurer un projet complet, de la conception à la mise en production. Pour cette version, l'enjeu principal résidait dans la maîtrise globale d'une application web dynamique. Cela a nécessité un travail approfondi sur l'optimisation du code et le référencement naturel (SEO) pour garantir d'excellentes performances d'affichage, ainsi qu'une réflexion technique sur le choix et la configuration d'une solution d'hébergement moderne, performante et sécurisée pour rendre mon site accessible publiquement.
Démarche
Pour mener à bien ce projet de refonte en totale autonomie, j’ai débuté par une phase de veille technique basée sur mon site existant. L'objectif n'étant pas de recréer l'interface graphique, je me suis concentré sur l'évolution de l'architecture technique. En m'appuyant sur les technologies maîtrisées durant mon stage (comme Nuxt.js / Vue.js ou Next.js / React), j'ai analysé les options afin de choisir le framework le plus adapté pour remplacer l'ancienne structure en HTML/CSS/PHP statique. J'ai ensuite pris en charge l'intégralité de la migration et du développement. J'ai réécrit le code pour l'adapter à une logique d'architecture en composants, tout en nettoyant la structure pour la rendre plus légère. J'ai particulièrement soigné la sémantique des balises, la configuration des métadonnées pour les moteurs de recherche (SEO) et l'optimisation des ressources pour accélérer le temps de chargement. Enfin, pour répondre aux exigences de ce framework moderne, j'ai délaissé l'hébergement mutualisé classique pour configurer une infrastructure basée sur un pod. J'ai géré le pointage et la redirection manuelle des DNS depuis mon bureau d'enregistrement (OVH), activé le certificat SSL (HTTPS) et configuré l'environnement de production jusqu'au déploiement final.
Vidéo
Matériel / Logiciels
Développement Front-End & Frameworks : -Nuxt.js / Vue.js (ou Next.js / React) : Framework moderne utilisé pour migrer l'ancien site vers une architecture dynamique et modulaire basée sur des composants réutilisables. -Tailwind CSS : Utilisé pour l'intégration et la stylisation fluide de l'interface utilisateur. Optimisation, Performance & SEO : -Outils d'audit (Lighthouse / PageSpeed Insights) : Utilisés pour analyser et optimiser les temps de chargement, l'accessibilité et les performances globales. -Balises sémantiques & Open Graph : Implémentation rigoureuse des métadonnées pour maximiser l'indexation par les moteurs de recherche et optimiser l'affichage sur les réseaux sociaux. Infrastructure, Hébergement & DevOps : -Solution d'hébergement par Pod : Infrastructure moderne sélectionnée et configurée pour répondre aux besoins d'exécution du framework front-end. -Zone DNS OVH : Gestion et configuration manuelle des serveurs de noms, des enregistrements et du pointage du nom de domaine vers le pod de production. -Certificat SSL : Configuration pour assurer le chiffrement des données et garantir une navigation sécurisée via le protocole HTTPS.