online·--:--:--·~/projets/portfolio
retour aux projets
walid@bywalid · /projets
$ 
live/portfolio
Portfolio

Le portfolio que vous parcourez, conçu de A à Z

« Mon portfolio traité comme un vrai produit : pas un template, mais un site conçu, codé et déployé seul — terminal interactif, back-office, base de données et déploiement Docker. »

nextjsreacttypescriptdrizzlepostgresqltailwinddocker
// tl;dr
Lignes de TypeScript
~0
Front, back-office et scripts, en TypeScript strict.
Composants React
0
Du terminal interactif aux cartes projet 3D.
Tables PostgreSQL
0
Projets, avis, planner, contact… gérées avec Drizzle.
// le dossier

Le projet en détail.

Tout est là — dépliez ce qui vous intéresse.

// pitch

Ce portfolio n'est pas un template : c'est un produit complet, conçu, codé et déployé seul. Le front est en Next.js 16 (App Router) et React 19, avec un terminal interactif et une barre de progression de carrière comme signatures. Côté serveur, un back-office protégé permet de gérer les projets, les avis et le contenu, le tout stocké dans PostgreSQL via Drizzle. L'ensemble tourne en conteneurs Docker derrière Caddy, qui gère le HTTPS automatiquement. L'idée : m'appliquer à moi-même la même exigence qu'à un projet client — du contenu dynamique éditable, une vraie base de données et un déploiement reproductible, plutôt qu'une page statique.

// problem

Beaucoup de portfolios juniors se ressemblent : un template, et peu de preuves concrètes de ce qu'on sait faire.

  • Un template tout fait ne prouve rien : il ne montre ni les choix techniques, ni la capacité à livrer un produit.
  • Un site statique ne reflète pas un vrai travail produit : pas de données, pas d'authentification, pas de déploiement.
  • Sans voir le code en situation, c'est difficile pour un recruteur de jauger le niveau réel.
// next step

Vous pouvez ouvrir le projet en live, lire le code, ou repartir vers les autres.