Comment j'ai construit mon portfolio de développeur freelance avec Next.js 15

En tant que développeur full-stack et étudiant en génie logiciel à Casablanca, mon portfolio est mon projet le plus important — c'est la première chose qu'un client potentiel voit. Voici comment je l'ai construit et les choix qui ont vraiment compté.

Pourquoi Next.js 15 et l'App Router

Je voulais un site rapide par défaut, facile à optimiser pour le SEO et simple à faire évoluer à mesure que j'ajoute des projets. L'App Router me donne des pages rendues côté serveur, des métadonnées par route et de la génération statique pour les pages de contenu — trois éléments décisifs pour le classement et la vitesse de chargement.

• Génération statique pour la page d'accueil et chaque étude de cas
• next/image pour l'AVIF/WebP automatique et les tailles responsives
• Métadonnées par route (titre, description, canonique, OpenGraph)

Un SEO qui vous fait réellement trouver

Un beau site que personne ne trouve ne sert à rien. Ce qui a eu le plus d'impact : un sitemap propre, un vrai schéma Person en JSON-LD pour que les moteurs de recherche comprennent qui je suis, et des pages d'études de cas dédiées qui ciblent des requêtes de longue traîne sur la stack de chaque projet.

Les données structurées ne vous font pas grimper du jour au lendemain, mais elles aident les moteurs de recherche à relier avec certitude votre nom, votre travail et vos compétences en une seule entité claire.

La performance est une fonctionnalité

J'ai compressé une vidéo de démonstration de 27 Mo à moins de 4 Mo, converti chaque capture d'écran en WebP, et fait en sorte que le titre du hero soit rendu côté serveur pour qu'il s'affiche instantanément. Sur un marché mobile-first comme le Maroc, cela influence directement le classement et le fait qu'un visiteur reste ou non.

Conçu pour convertir, pas seulement pour être joli

Chaque section mène à une seule action : démarrer un projet. Un bouton « Me contacter » toujours visible, un formulaire de demande freelance qui recueille le type de projet, le budget et le délai, et une preuve sociale honnête plutôt que de faux avis.

Si vous êtes développeur et construisez votre propre portfolio : commencez par ce que vous pouvez apporter au client, prouvez-le avec du travail réel, gardez le site rapide et rendez l'étape suivante évidente. Envie de parler d'un projet ? Contactez-moi — je réponds sous 24 heures.