Portfolio de Michal Dabrowsky
Un portfolio vidéo sur-mesure et son back-office pour un vidéaste
Contexte
Michal Dabrowsky, vidéaste à Marseille (documentaire, court métrage, captation de concert), a découvert le portfolio d'Alexandre et a voulu le sien — pensé cette fois pour la vidéo. Une vitrine à la hauteur de ses films, qu'il puisse faire vivre lui-même.
Le défi
Passer de la photo à la vidéo change la donne : des médias lourds à streamer, un trafic à ~80 % mobile (le hero doit d'abord fonctionner sur petit écran), et un back-office assez simple pour qu'un vidéaste gère seul films, photos, avis et tous les textes du site.
Un travail dispersé entre Instagram et des liens de fichiers, aucune vitrine qui présente les films dans de bonnes conditions ni ne distingue ses trois formats.
Un site qui hiérarchise documentaire, court métrage et concert, hero triptyque à l'appui, que Michal administre seul depuis un back-office — sans toucher une ligne de code.
L'approche
Next.js 16 (App Router, Server Components), TypeScript et Tailwind. Un hero « triptyque » — trois extraits verticaux, un par format — pensé mobile-first. Vidéos et images auto-hébergées sur le VPS pour un streaming maîtrisé, avec posters WebP optimisés ; les films acceptent des fichiers hébergés comme des liens YouTube. Thème sombre et clair. Un back-office protégé par Auth.js pour gérer films, photos, avis (afficher/masquer), textes, FAQ et à-propos. Données sur Neon (Postgres serverless) via Drizzle ORM. Déploiement self-hosted avec Docker.
Aperçus
Résultats
Site livré et en ligne sur dbsky.nocly.fr, administrable de bout en bout par Michal. Deuxième livraison client complète — du design à l'hébergement — qui étend l'architecture du portfolio d'Alexandre à un cas plus lourd : streaming vidéo, catégorisation des formats et pensée mobile-first.