Pourquoi choisir Nuxt pour son portfolio ?

Un portfolio peut sembler être un projet assez simple : quelques pages, une présentation, des projets et un formulaire de contact.

Alors pourquoi utiliser un framework comme Nuxt pour quelque chose d’aussi simple ?

Parce qu’un portfolio ne sert pas uniquement à montrer ce que l’on sait faire. Il est lui-même une démonstration de nos compétences.

Plus qu’un simple site vitrine

Lorsqu’un recruteur ou un client visite un portfolio, il ne regarde pas seulement son contenu.

Il observe également la vitesse du site, son expérience utilisateur, son référencement, son adaptation aux mobiles et, indirectement, la manière dont le développeur a construit son projet.

Nuxt permet justement de travailler sur tous ces aspects dans un même environnement.

Une base solide avec Vue

Nuxt est construit autour de Vue.js.

Si l’on vient déjà de l’écosystème Vue, on retrouve donc une approche familière, tout en bénéficiant de fonctionnalités supplémentaires pensées pour construire des applications web complètes.

Le routage, le chargement des pages, les layouts, les composants et la gestion des données sont intégrés directement dans le framework.

On peut ainsi organiser son portfolio de manière propre dès le départ :

pages/
├── index.vue
├── about.vue
├── projects.vue
└── blog/
    └── [slug].vue

Chaque page peut être construite comme un ensemble de composants réutilisables.

Un portfolio qui peut évoluer

C’est probablement l’un des principaux avantages de Nuxt.

Aujourd’hui, le portfolio peut contenir seulement quelques pages. Demain, on peut vouloir ajouter un blog, une section projets, une API, une authentification ou encore un espace administrateur.

Avec un simple site statique, certaines de ces évolutions peuvent nécessiter de revoir une partie de l’architecture.

Avec Nuxt, on dispose déjà d’une structure capable d’accompagner cette évolution.

Et le référencement ?

Un portfolio doit être trouvé avant d’être consulté.

Nuxt facilite la création de pages optimisées pour les moteurs de recherche grâce notamment au rendu côté serveur et à la génération de contenu statique.

On peut également gérer facilement les métadonnées de chaque page :

useSeoMeta({
  title: 'Mon portfolio',
  description: 'Découvrez mes projets et mon parcours de développeur.',
})

Le résultat est un site qui peut être rapide à charger tout en restant correctement exploitable par les moteurs de recherche.

Et pour un blog ?

C’est également là que Nuxt devient intéressant pour un portfolio de développeur.

Avec Nuxt Content, les articles peuvent être écrits en Markdown tout en étant intégrés directement à l’application.

Un fichier comme :

content/
└── blog/
    └── pourquoi-choisir-nuxt.md

peut devenir automatiquement une page de blog.

Cela permet de séparer le contenu de la logique de l’application et de publier de nouveaux articles sans avoir à construire manuellement chaque page.

Un choix adapté à un développeur

Choisir Nuxt pour son portfolio, ce n’est donc pas seulement choisir un outil pour créer quelques pages.

C’est aussi l’occasion de construire un projet qui démontre concrètement notre manière de travailler : architecture, composants, performances, SEO, gestion du contenu et évolutivité.

Un portfolio peut alors devenir bien plus qu’une simple vitrine.

Il devient lui-même l’un des projets que l’on présente.