Type
Site + espace membre
Site vitrineNext.jsBilingue FR/ENEspace membre
Présence bilingue et monétisation de contenu vidéo dans un seul produit.
Professionnel du coaching avec quatre programmes et un public FR/EN. J'ai développé le site en Next.js avec i18n, animations UI et un backend avec espace membre protégé.
Stack
Next.js · Node.js · PostgreSQL
Mon rôle
Dev fullstack
Contexte
Projet en agence
Captures omises
Ce projet est présenté sans captures d'écran. Le contenu décrit le travail technique réalisé de façon anonyme, en préservant le contexte et les décisions pertinentes.
Le contexte
Du contenu vidéo sans canal propre pour le vendre et le protéger.
Coach certifié avec quatre programmes et une audience en français et en anglais. Il fallait présenter l'offre dans les deux langues et ouvrir un espace membre où l'accès aux vidéos dépend de l'abonnement.
Point de départ
Présence digitale limitée et aucun moyen de distribuer ou facturer les programmes en ligne de façon sécurisée.
Résultat
Site bilingue optimisé pour le SEO, avec espace membre opérationnel pour les quatre programmes vidéo.
Ce que j'ai fait
J'ai implémenté le site onepage en Next.js avec i18n FR/EN, animations au scroll, slider de programmes, FAQ accordéon et carrousel de témoignages. En backend, Express + PostgreSQL pour authentification, sessions et accès vidéo selon l'abonnement. Déployé sur Vercel.
i18n FR/ENEspace membreAnimations UIPostgreSQLLighthouse 90+
Éléments clés du site
Deux langues natives
Contenu, routing et SEO gérés en français et en anglais avec i18n Next.js.
Accès par abonnement
Connexion, sessions sécurisées et déblocage des vidéos selon le plan de l'utilisateur.
Expérience animée
Scroll animations, slider de programmes, témoignages et transitions fluides.
Performance mesurée
SSR, images optimisées et Lighthouse 90+. Approche mobile-first.
2
langues actives — FR et EN
4
programmes vidéo publiés
90+
score Lighthouse
Stack technique
Frontend
Next.jsReactTypeScriptTailwindCSSi18n
Backend
Node.jsExpressPostgreSQLSessions sécurisées
Déploiement
VercelFigma
— TRAVAILLONS ENSEMBLE _
Vous avez une idée. Je l'implémente.
Maquette Figma, cahier des charges ou juste une idée — je prends en charge le développement complet.