Nocly.fr
Back to projects

Nocly.fr — this site

Multilingual portfolio with full back-office

Client
Personnel
Period
2026
Tech stack
Next.js 14TypeScriptTailwindSupabasenext-intlResend

Context

My personal site is a portfolio, a commercial entry point, and a sandbox for the tools I use day to day.

The challenge

Build a portfolio that visually stands out, translates cleanly into four locales (FR-FR, EN-US, FR-CA, EN-CA), and gives me a back-office to manage messages and bookings without depending on third parties.

Before

No up-to-date personal site — the project sat on the backlog for two years, and commercial opportunities were lost for lack of a credible entry point.

After

Multilingual portfolio shipped to production, automated booking flow with transactional emails, full back-office to handle messages, slots and analytics.

The approach

Modern stack: Next.js 14 (App Router), strict TypeScript, Tailwind, Supabase for persistence, next-intl for i18n, Resend for transactional emails. Custom booking system with calendar, bulk slot generation, reusable presets. Design intentionally restrained but with personality — Framer Motion micro-animations, focused palette.

Previews

Home page with animated hero and services sections
Booking system: calendar and confirmation
Admin back-office: analytics and message management

Outcome

A fast site (green Core Web Vitals), accessible, translated, deployed on Vercel. It also serves as a living pitch: if you can see what I do on this site, you can imagine what I can do for your product.

Key numbers

4
locales supported (FR-FR, EN-US, FR-CA, EN-CA)
100
Lighthouse perf score
<1s
first contentful paint
0
paid third-party booking service
PortfolioFull-stacki18n
Links