Nocly.fr
Retour aux projets

Portfolio d'Alexandre Bongiorno

Un portfolio éditorial sur-mesure et son back-office pour un photographe

Client
Alexandre Bongiorno
Période
2026
Stack technique
Next.js 16TypeScriptTailwind v4PostgreSQL (Neon)Drizzle ORMAuth.js

Contexte

Alexandre Bongiorno, photographe basé à Marseille (documentaire, portrait, paysage), avait besoin d'un portfolio à la hauteur de son travail — et qu'il puisse faire vivre seul, sans repasser par un développeur à chaque nouvelle série.

Le défi

Livrer un site éditorial soigné et un back-office assez simple pour qu'un photographe non-développeur gère lui-même 75+ photos, leur ordre et leur mise en page — le tout avec un coût d'infrastructure maîtrisé.

Avant

Un travail dispersé sur Instagram, aucun lieu unique qui le présente dans de bonnes conditions, et une dépendance à un tiers pour la moindre mise à jour.

Après

Un portfolio en ligne géré en autonomie : Alexandre ajoute, réordonne et met en page ses photos depuis un back-office, sans toucher une ligne de code.

L'approche

Next.js 16 (App Router, Server Components, next/image pour l'optimisation), TypeScript et Tailwind CSS v4. Un back-office admin protégé par Auth.js v5 : upload en glisser-déposer, réorganisation à la souris (dnd-kit), sections personnalisables. Choix d'architecture assumé : les images sont stockées sur le disque du serveur avec une jauge de quota, plutôt que sur un service tiers payant — pour la maîtrise des coûts et des données. Persistence sur Neon (Postgres serverless) via Drizzle ORM type-safe, avec suivi des visites et interactions intégré. Déploiement self-hosted avec volume persistant.

Aperçus

Page d'accueil éditoriale avec hero plein écran
Galerie : grille de photos en mise en page personnalisable
Back-office : upload glisser-déposer et réorganisation des photos

Résultats

Site livré et en production sur bongiorno.nocly.fr, entièrement administrable par Alexandre. Un projet client mené de bout en bout — du design à l'hébergement — qui démontre autant la partie produit (un CMS réellement utilisable par un non-technicien) que la partie technique.

Chiffres clés

75+
photos gérées depuis le back-office
100%
autonomie du client sur le contenu
0
service tiers payant de stockage
5 Go
quota de stockage avec jauge en direct
ClientFull-stackCMS sur-mesure