Showcase siteNext.jsBilingual FR/ENMember area

Bilingual presence and video monetization in a single product.

Coaching professional with four programmes and an FR/EN audience. I built the site in Next.js with i18n, UI animations and a backend with a protected member area.

Type

Website + member area

Stack

Next.js · Node.js · PostgreSQL

My role

Fullstack dev

Context

Agency project

Screenshots omitted for confidentiality

This project is presented without screenshots. The content describes the technical work anonymously while preserving relevant context and decisions.

Context

Video content with no owned channel to sell and protect it.

Certified coach with four programmes and audiences in French and English. Needed to present the offer in both languages and open a member area where video access depended on subscription.

Starting point

Limited digital presence and no way to distribute or charge for programmes online securely.

Outcome

SEO-friendly bilingual site with an operational member area for all four video programmes.

What I delivered

I implemented the one-page site in Next.js with FR/EN i18n, scroll animations, programme slider, FAQ accordion and testimonial carousel. On the backend, Express + PostgreSQL for authentication, sessions and video access by subscription. Deployed on Vercel.

i18n FR/ENMember areaUI animationsPostgreSQLLighthouse 90+

Core site pieces

Two native languages

Content, routing and SEO managed in French and English with Next.js i18n.

Subscription-based access

Login, secure sessions and video unlock based on the user's plan.

Animated experience

Scroll animations, programme slider, testimonials and smooth transitions.

Measured performance

SSR, optimized images and Lighthouse 90+. Mobile-first approach.

2

active languages — FR and EN

4

video programmes published

90+

Lighthouse score

Technical stack

Frontend

Next.jsReactTypeScriptTailwindCSSi18n

Backend

Node.jsExpressPostgreSQLSecure sessions

Deployment

VercelFigma

— LET'S WORK TOGETHER _

You have an idea. I build it.

Figma mockup, spec document or just an idea — I handle full-stack development end to end.