Pourquoi j'ai créé mon portfolio avec Nuxt 4

Créer un portfolio, ce n’est pas seulement mettre quelques projets sur une page avec un bouton de contact. Pour moi, c’est aussi une façon de montrer ma manière de travailler, mes choix techniques, mon identité de développeur et ma capacité à construire quelque chose de propre, moderne et maintenable.

J’ai donc choisi de créer mon portfolio avec Nuxt 4, un framework basé sur Vue.js, parce qu’il correspond très bien à ma façon de développer et aux objectifs que j’avais pour ce projet.

Un portfolio, mais aussi un vrai projet web

Mon portfolio n’est pas simplement une carte de visite en ligne. C’est un projet que je veux pouvoir faire évoluer dans le temps.

Je voulais une base solide pour ajouter facilement :

• de nouveaux projets ;
• des articles de blog ;
• des pages personnalisées ;
• des optimisations SEO ;
• des animations ;
• du contenu structuré ;
• et potentiellement d’autres fonctionnalités plus tard.

Avec Nuxt, je peux construire un site qui reste simple côté utilisateur, mais qui garde une vraie structure professionnelle côté développement.

Pourquoi Nuxt plutôt qu’un simple HTML/CSS ?

J’aurais pu faire un portfolio très simple en HTML, CSS et JavaScript classique. Pour un petit site statique, ça aurait pu suffire.

Mais je voulais quelque chose de plus évolutif.

Nuxt me permet d’avoir une meilleure organisation du projet, avec une séparation claire entre les pages, les composants, les layouts et le contenu. C’est beaucoup plus agréable à maintenir qu’un site composé de fichiers HTML séparés.

Par exemple, si je veux modifier le design d’une section ou réutiliser un composant sur plusieurs pages, je peux le faire proprement sans devoir copier-coller du code partout.

Vue.js : un framework que j’aime utiliser

Une des raisons principales de mon choix, c’est que Nuxt est basé sur Vue.js.

J’aime Vue parce que sa syntaxe est claire, lisible et agréable à utiliser. La séparation entre le template, le script et le style dans les composants .vue rend le code facile à comprendre, même lorsqu’un projet commence à devenir plus complet.

Pour un portfolio personnel, c’est important : je veux pouvoir revenir sur mon code dans plusieurs semaines ou plusieurs mois et comprendre rapidement comment tout fonctionne.

Avec Vue et Nuxt, je peux créer des composants propres pour mes boutons, mes cartes de projets, mes sections, mon header, mon footer ou encore mes blocs de contenu.

Nuxt 4 pour le SEO

Le SEO est un point très important pour moi.

Un portfolio ne sert pas à grand-chose s’il est invisible sur Google. Je veux que mon site puisse ressortir correctement lorsqu’on recherche mon nom ou mon activité.

Nuxt est intéressant pour ça, car il permet de gérer proprement les balises importantes comme :

• le titre des pages ;
• les descriptions ;
• les balises Open Graph ;
• les URLs canoniques ;
• les données structurées ;
• le sitemap ;
• le fichier robots.txt.

Avec une bonne configuration, Nuxt permet de construire un site plus propre pour les moteurs de recherche qu’une simple application front-end mal optimisée.

C’est aussi pour cette raison que j’ai voulu éviter un portfolio uniquement basé sur du rendu côté client. Je voulais une structure plus sérieuse, plus lisible et plus adaptée à l’indexation.

Une meilleure expérience développeur

Nuxt offre une très bonne expérience de développement.

Le système de routing automatique, les composants auto-importés, la gestion des layouts et l’intégration avec les modules rendent le développement plus fluide.

Au lieu de perdre du temps à configurer chaque détail manuellement, je peux me concentrer sur le contenu, le design et la qualité du site.

C’est exactement ce que je cherchais : un outil moderne qui me permet d’aller vite, tout en gardant une base propre.

Nuxt Content pour gérer mon blog

Un autre point qui m’a poussé vers Nuxt, c’est la possibilité d’utiliser Nuxt Content.

Grâce à Nuxt Content, je peux écrire mes articles en Markdown, avec un front matter contenant les informations importantes comme le titre, la description, la date, l’image ou l’auteur.

C’est pratique, parce que je peux gérer mon blog directement dans mon projet, sans avoir besoin d’un CMS lourd ou d’une interface compliquée.

Chaque article devient simplement un fichier Markdown, facile à modifier, versionner et publier.

Pour un portfolio de développeur, je trouve que c’est une solution très cohérente.

Un site performant et moderne

La performance est aussi un point important.

Un portfolio doit charger rapidement, surtout si quelqu’un le consulte depuis un téléphone ou une connexion moyenne. Si le site est lent, l’expérience utilisateur devient mauvaise et ça peut donner une impression peu professionnelle.

Avec Nuxt, je peux optimiser le rendu, les images, les assets, les pages et la génération du site. Cela permet d’obtenir un résultat plus rapide et plus propre qu’un projet mal structuré.

Évidemment, Nuxt ne rend pas automatiquement un site parfait. Il faut quand même faire attention aux images trop lourdes, aux scripts inutiles, au lazy loading, au cache et à la configuration du serveur.

Mais Nuxt donne une très bonne base pour construire un site performant.

Un choix cohérent avec mon profil

Mon portfolio doit aussi refléter mon profil de développeur web.

Comme je m’intéresse au développement front-end, au back-end, aux outils modernes et à la création de projets complets, utiliser Nuxt a du sens.

Ce choix montre que je ne me contente pas d’un simple site statique basique. Je cherche à utiliser des technologies actuelles, à comprendre leur fonctionnement et à construire quelque chose de sérieux.

C’est aussi une manière de pratiquer davantage avec Vue, Nuxt, le SEO, le déploiement, la structure de projet et la maintenance d’un vrai site en production.

Les difficultés rencontrées

Tout n’a pas été parfait.

Créer un portfolio avec Nuxt demande aussi de comprendre certains aspects techniques :

• la configuration du projet ;
• le comportement du build ;
• le fonctionnement de Nitro ;
• la gestion du contenu ;
• le SEO ;
• le déploiement ;
• les fichiers générés ;
• le cache ;
• les erreurs liées aux assets ;
• et parfois les problèmes spécifiques à l’environnement de développement.

Mais ces difficultés font aussi partie de l’apprentissage.

Un portfolio n’est pas seulement le résultat final visible par les visiteurs. C’est aussi tout le travail invisible derrière : les choix techniques, les problèmes corrigés, les optimisations et les améliorations progressives.

Ce que ce projet m’apporte

Ce portfolio me permet de centraliser mon identité professionnelle sur le web.

Il me sert à présenter :

• qui je suis ;
• ce que je sais faire ;
• les technologies que j’utilise ;
• mes projets ;
• mes expériences ;
• mes réflexions ;
• et mon évolution en tant que développeur.

C’est aussi un support que je peux envoyer à une entreprise, à un recruteur ou à une personne intéressée par mon travail.

Au lieu d’avoir seulement un CV classique, j’ai un espace personnel que je contrôle entièrement.

Conclusion

J’ai choisi Nuxt 4 pour mon portfolio parce que c’est une technologie moderne, puissante et adaptée à mes besoins.

Elle me permet de construire un site propre, performant, évolutif et bien structuré, tout en restant dans un environnement que j’apprécie : Vue.js.

Ce portfolio est encore amené à évoluer. Je vais continuer à l’améliorer, ajouter du contenu, publier des articles et optimiser son référencement.

Pour moi, ce projet n’est pas seulement un site vitrine. C’est une preuve concrète de mon travail, de ma progression et de ma manière d’aborder le développement web.