Développement Frontend (React/Next.js)
Le développement frontend consiste à concevoir et implémenter l'interface utilisateur d'une application web.
Le développement frontend consiste à concevoir et implémenter l'interface utilisateur d'une application web. Avec React et Next.js, cela implique la maîtrise des composants, du state management, du Server-Side Rendering (SSR), de la génération statique (SSG) et de l'écosystème moderne du frontend : TypeScript, Tailwind CSS, animations, accessibilité et performance.
Refonte du site corporate avec Next.js
J'ai pris en charge la refonte complète du site corporate de 1UP, qui était construit avec le builder d'Odoo 16 et complètement dépassé. Le nouveau site est développé avec Next.js et GSAP pour les animations, en étroite collaboration avec les graphistes/designers de la boîte et le directeur marketing pour le contenu. J'ai aussi travaillé avec le CEO pour l'image générale à renvoyer.
Résultat — Le site est bientôt live et représente un vrai changement positif pour l'image de la boîte, avec un design moderne, des performances optimales et un bon référencement.
- Niveau de maîtrise
- Niveau intermédiaire. Je maîtrise React, Next.js et l'écosystème frontend moderne, mais ma spécialisation reste le backend/Odoo. Le frontend est un domaine où je continue d'apprendre avec chaque projet.
- Importance dans mon profil
- Le frontend est de plus en plus important dans mon profil, notamment avec la refonte du site corporate et la réalisation de ce portfolio. La capacité à produire des interfaces de qualité est un atout qui complète mes compétences backend.
- Recul et conseils
- Commencer un projet ambitieux de A à Z est le meilleur moyen de progresser en frontend. Ce portfolio en est la preuve : il m'a poussé à explorer des sujets comme l'i18n, les animations GSAP, la conformité RGPD et le SEO.
- Objectif à moyen terme
- Consolider mes compétences React/Next.js et développer une expertise en animations web et en design d'interfaces.
- Formations en cours ou à venir
- Projets personnels avec Next.js, exploration avancée de GSAP et des Web APIs modernes.