Dev205 - Portfolio

Contexte

Mon portfolio a été développé pour valoriser mes réalisations en tirant parti de Laravel 12 et d’Inertia.js en mode SSR, afin d’offrir une navigation ultra-réactive sans sacrifier le SEO.

Architecture & intégration

• Backend Laravel 12 :

  • Routes et contrôleurs RESTful pour gérer les projets et les pages statiques.

  • Mises en file d’attente (queues) et jobs asynchrones pour le traitement des formulaires et l’envoi d’e-mails.

• Inertia.js avec SSR :

  • Rendu côté serveur pour chaque page, garantissant de très bonnes performances et un bon référencement naturel.

  • Composants Vue 3 isolés pour l’affichage des listes de projets et les pages détail.

• Tiptap Editor :

  • Implémentation d’un éditeur riche (Tiptap) dans l’interface d’administration pour rédiger et formater facilement les descriptions de projets.

• CRUD personnalisé :

  • Interface d’administration sur-mesure pour créer, modifier et supprimer mes projets en quelques clics.

Fonctionnalités clés

• Pages projet individuelles
  Galerie d’images, description technique, rôle joué, technologies utilisées, lien vers le site en production.

• Formulaire de contact
  Champs fixes (nom, e-mail, message), validation côté serveur et envoi via job asynchrone.

• Dark Mode
  Basculer automatiquement ou manuellement en mode sombre selon la préférence système, avec mémorisation du choix utilisateur.

• Optimisations
  Lazy-loading des images, minification des assets, cache HTTP pour les ressources publiques.

• SEO on-page
  Métadonnées dynamiques et génération automatique du sitemap.xml.

Résultats

• Navigation fluide avec Inertia SSR, tout en restant optimisée pour le SEO.

• Back-office simple et robuste, grâce au tiptap editor et aux jobs Laravel.

• Thème adaptatif offrant la prise en charge du dark mode pour une expérience confortable quel que soit l’environnement lumineux.

• Maintenance facilitée : séparation claire entre backend Laravel et composants Vue.