Étude de cas

Rivage Photo

Portfolio photo + admin pro — gestion de séries, publication guidée et UX non-tech

Product DesignFront-endUI/UXArchitectureFullstackNext.js 16 (App Router)React 19TypeScript strictTailwind CSSPrisma 6PostgreSQL (Neon)NextAuth v5 (Credentials)CloudinaryVercel

Voir la démo Voir le code Me contacter

Contexte

Créer un site de photographie public très épuré, et surtout un admin premium utilisable par un photographe non technique : gérer les séries, uploader, ordonner, renseigner les textes ALT, et publier sans erreur.

Points clés

Admin premium pensé pour non-tech (photographe) : guidage + garde-fous + langage simple.
Gestion complète séries/images avec Cloudinary (upload, tri, ALT, publication).
Espace équipe autonome (admin/participant) avec photos de profil.
Stack production (Next 16, Prisma/Neon, NextAuth v5) et TypeScript strict.

Objectifs

Proposer un admin compréhensible sans jargon (pas de “slug”, “id”, “DB”).
Créer une gestion complète des séries : création, édition, publication/dépublication, suppression.
Rendre la gestion d’images fluide : upload Cloudinary, tri, ALT obligatoires, suppression.
Mettre en place une équipe autonome : admins et participants, création/modification/suppression, photo de profil.
Assurer une base production solide : auth server-only via layouts, Prisma propre, TypeScript strict.

Défis

Construire un dashboard ‘pro’ sans bibliothèque lourde ni complexité inutile.
Gérer l’auth sans middleware Edge (limites Vercel) avec une protection 100% server.
Concevoir une gestion d’images efficace (upload, reorder, alt) sans dégrader l’UX.
Maintenir une cohérence UI sombre tout en gardant une hiérarchie visuelle très lisible.
Éviter les pièges RSC/Client (server actions, handlers) avec une architecture claire.

Solutions

Admin Shell complet : sidebar persistante + topbar utilisateur (avatar, rôle, actions rapides).
Pages structurées par tâches : Dashboard → Séries → Édition série (infos/cover/images) → Équipe.
Workflow guidé : cartes ‘Prochaine action’ + checklist de publication intégrée.
Gestion images : upload multiple, drag & drop ordre, édition ALT, warnings ALT manquants.
Équipe autonome : création/modif/suppression d’utilisateurs (admin/participant) + avatar Cloudinary.
Architecture RSC propre : Server Components par défaut, Client Components uniquement pour interactions (menus, upload, drag).

Points forts

Résultats

Admin premium pensé pour non-tech (photographe) : guidage + garde-fous + langage simple.
Gestion complète séries/images avec Cloudinary (upload, tri, ALT, publication).
Espace équipe autonome (admin/participant) avec photos de profil.
Stack production (Next 16, Prisma/Neon, NextAuth v5) et TypeScript strict.

Galerie

4 captures

Envie d’un échange ? Je peux te présenter ce projet comme en entretien (choix techniques, perf, a11y).

Voir la démo Voir le code Me contacter

← Retour aux projets2026

Étude de cas

Rivage Photo

Portfolio photo + admin pro — gestion de séries, publication guidée et UX non-tech

Product DesignFront-endUI/UXArchitectureFullstackNext.js 16 (App Router)React 19TypeScript strictTailwind CSSPrisma 6PostgreSQL (Neon)NextAuth v5 (Credentials)CloudinaryVercel

Voir la démo Voir le code Me contacter

Contexte

Points clés

Admin premium pensé pour non-tech (photographe) : guidage + garde-fous + langage simple.
Gestion complète séries/images avec Cloudinary (upload, tri, ALT, publication).
Espace équipe autonome (admin/participant) avec photos de profil.
Stack production (Next 16, Prisma/Neon, NextAuth v5) et TypeScript strict.

Objectifs

Proposer un admin compréhensible sans jargon (pas de “slug”, “id”, “DB”).
Créer une gestion complète des séries : création, édition, publication/dépublication, suppression.
Rendre la gestion d’images fluide : upload Cloudinary, tri, ALT obligatoires, suppression.
Mettre en place une équipe autonome : admins et participants, création/modification/suppression, photo de profil.
Assurer une base production solide : auth server-only via layouts, Prisma propre, TypeScript strict.

Défis

Construire un dashboard ‘pro’ sans bibliothèque lourde ni complexité inutile.
Gérer l’auth sans middleware Edge (limites Vercel) avec une protection 100% server.
Concevoir une gestion d’images efficace (upload, reorder, alt) sans dégrader l’UX.
Maintenir une cohérence UI sombre tout en gardant une hiérarchie visuelle très lisible.
Éviter les pièges RSC/Client (server actions, handlers) avec une architecture claire.

Solutions

Admin Shell complet : sidebar persistante + topbar utilisateur (avatar, rôle, actions rapides).
Pages structurées par tâches : Dashboard → Séries → Édition série (infos/cover/images) → Équipe.
Workflow guidé : cartes ‘Prochaine action’ + checklist de publication intégrée.
Gestion images : upload multiple, drag & drop ordre, édition ALT, warnings ALT manquants.
Équipe autonome : création/modif/suppression d’utilisateurs (admin/participant) + avatar Cloudinary.
Architecture RSC propre : Server Components par défaut, Client Components uniquement pour interactions (menus, upload, drag).

Points forts

Résultats

Admin premium pensé pour non-tech (photographe) : guidage + garde-fous + langage simple.
Gestion complète séries/images avec Cloudinary (upload, tri, ALT, publication).
Espace équipe autonome (admin/participant) avec photos de profil.
Stack production (Next 16, Prisma/Neon, NextAuth v5) et TypeScript strict.

Galerie

4 captures

Envie d’un échange ? Je peux te présenter ce projet comme en entretien (choix techniques, perf, a11y).

Voir la démo Voir le code Me contacter