Folio — Portfolio v1

L'histoire de sa construction

Folio est la première version de mon portfolio personnel, construite comme terrain d'exploration de Next.js et de React. L'objectif n'était pas seulement de se présenter en ligne, mais de pratiquer un framework que je découvrais — composants, routing App Router, optimisation des images avec next/image, et déploiement d'une application React en production. Le site présente mon parcours, mes compétences et mes projets de l'époque avec une interface simple et lisible. Chaque section a été pensée comme un exercice concret : découverte du rendu statique, gestion des assets, et organisation d'un projet Next.js from scratch sans starter template. Cette v1 a posé les bases qui m'ont ensuite conduit vers la stack Laravel + Inertia + Vue.js pour la v2 de ce portfolio — avec une architecture bien plus robuste, une base de données réelle et un back-office d'administration complet.

Technologies utilisées

• TypeScript
• React
• HTML
• CSS
• Next.js

J'en ai bavé mais j'y suis arrivé 🚀

// next.config.js — optimisation images et domaines externes
/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    formats: ['image/webp', 'image/avif'],
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'folio.deladev.fr',
      },
    ],
  },
  reactStrictMode: true,
};

module.exports = nextConfig;