Tipo
Sitio + espacio miembro
Sitio vitrinaNext.jsBilingüe FR/ENEspacio miembro
Presencia bilingüe y monetización de contenido en vídeo en un solo producto.
Profesional del coaching con cuatro programas y público FR/EN. Desarrollé el sitio en Next.js con i18n, animaciones UI y un backend con área de miembros protegida.
Stack
Next.js · Node.js · PostgreSQL
Mi rol
Dev fullstack
Contexto
Proyecto en agencia
Capturas omitidas
Este proyecto se presenta sin capturas de pantalla. El contenido describe el trabajo técnico realizado de forma anónima, preservando el contexto y las decisiones relevantes.
El contexto
Contenido en vídeo sin un canal propio para venderlo y protegerlo.
Coach certificado con cuatro programas y audiencia en francés e inglés. Necesitaba presentar la oferta en ambos idiomas y abrir un espacio de miembros donde el acceso a los vídeos dependiera de la suscripción.
Situación inicial
Presencia digital limitada y sin forma de distribuir o cobrar los programas en línea de forma segura.
Resultado
Sitio bilingüe optimizado para SEO, con área de miembros operativa para los cuatro programas en vídeo.
Lo que hice
Implementé el sitio onepage en Next.js con i18n FR/EN, animaciones de scroll, slider de programas, FAQ acordeón y carrusel de testimonios. En backend, Express + PostgreSQL para autenticación, sesiones y acceso a vídeo según suscripción. Desplegado en Vercel.
i18n FR/ENÁrea de miembrosAnimaciones UIPostgreSQLLighthouse 90+
Piezas clave del sitio
Dos idiomas nativos
Contenido, rutas y SEO gestionados en francés e inglés con i18n en Next.js.
Acceso por suscripción
Login, sesiones seguras y desbloqueo de vídeos según el plan del usuario.
Experiencia animada
Scroll animations, slider de programas, testimonios y transiciones suaves.
Rendimiento medido
SSR, imágenes optimizadas y Lighthouse 90+. Enfoque mobile-first.
2
idiomas activos — FR y EN
4
programas en vídeo publicados
90+
puntuación Lighthouse
Stack técnico
Frontend
Next.jsReactTypeScriptTailwindCSSi18n
Backend
Node.jsExpressPostgreSQLSessions seguras
Despliegue
VercelFigma
— TRABAJEMOS JUNTOS _
Tienes una idea. Yo la implemento.
Maqueta Figma, pliego de condiciones o solo una idea — me encargo del desarrollo completo.