Portfolio en Next.js

🧠 Contributions techniques

J’ai enrichi et personnalisé un modèle gratuit de portfolio pour en faire un site moderne et responsive avec Next.js App Router, React, TypeScript, MDX et TailwindCSS. Il présente mon travail en développement de jeux vidéo grâce à une exploration interactive des projets, des récits détaillés et une identité visuelle cohérente.

Le contenu localisé, la navigation adaptée à chaque langue et le référencement international rendent le portfolio accessible en plusieurs langues. Son architecture permet d’ajouter des langues tout en gardant les faits et la présentation des projets cohérents.

🛠️ Ce que j’ai développé

• Exploration des projets : filtres par catégorie, ordre de priorité et pagination pour retrouver rapidement les réalisations pertinentes.

• Cartes de projets interactives : cartes responsive avec aperçus vidéo au survol et galeries d’images et de vidéos propres à chaque projet, avec affichage en fenêtre modale.

• Contenu de projet maintenable : séparation des faits partagés, des textes localisés et des récits MDX pour clarifier les mises à jour et éviter les informations dupliquées.

• Architecture Next.js App Router : séparation du chargement du contenu et de la présentation interactive avec React et TypeScript, en utilisant App Router pour des URL de projet stables et des pages détaillées rendues statiquement.

• Design responsive et thèmes : utilisation de Tailwind CSS pour des mises en page cohérentes sur différents écrans et des contrôles de thème conservant les préférences des visiteurs.

• Options de contact : intégration d’un formulaire avec validation des champs et retours localisés, ainsi que de liens directs vers l’e-mail et les profils sociaux.

• Référencement et partage social : métadonnées par page, URL canoniques, versions linguistiques et sitemap, avec des informations cohérentes pour les partages Open Graph et Twitter.

• Architecture multilingue : intégration de next-intl pour les libellés d’interface, le contenu des projets et la navigation multilingue, dans une structure permettant d’ajouter d’autres langues.

🤝 Mon rôle

• Extension et personnalisation du modèle de manière autonome pour refléter mon identité professionnelle et présenter mon travail.
• Conception d’une architecture maintenable séparant les faits des projets, les récits éditoriaux, la présentation et la logique applicative.
• Intégration de la navigation interactive, du contenu localisé et du référencement dans une expérience de portfolio cohérente.

🧩 Défis et solutions

🌟 Fonctionnalités marquantes