Nocly.fr
Retour aux projets

Nocly.fr — ce site

Portfolio multilingue avec back-office complet

Client
Personnel
Période
2026
Pile technique
Next.js 14TypeScriptTailwindSupabasenext-intlResend

Contexte

Mon site personnel sert à la fois de vitrine, de point d'entrée commercial et de banc d'essai pour les outils que j'utilise au quotidien.

Le défi

Bâtir un portfolio qui se démarque visuellement, qui se traduit proprement en quatre locales (FR-FR, EN-US, FR-CA, EN-CA), et qui m'offre un back-office pour gérer messages et rendez-vous sans dépendre de services tiers.

Avant

Pas de site personnel à jour — projet repoussé pendant deux ans, occasions d'affaires perdues faute de point d'entrée crédible.

Après

Portfolio bilingue déployé en production, prise de RDV automatisée avec courriels transactionnels, back-office complet pour suivre messages, plages et analytique.

L'approche

Pile moderne : Next.js 14 (App Router), TypeScript strict, Tailwind, Supabase pour la persistance, next-intl pour l'internationalisation, Resend pour les courriels transactionnels. Système de réservation maison avec calendrier, génération de plages en lot, presets réutilisables. Design pensé pour rester sobre tout en montrant un peu de personnalité — micro-animations Framer Motion, palette retenue.

Aperçus

Page d'accueil avec hero animé et sections services
Système de réservation : calendrier et confirmation
Back-office admin : analytique et gestion des messages

Résultats

Un site rapide (Core Web Vitals au vert), accessible, traduit, déployé sur Vercel. Et qui me sert d'argumentaire vivant : si tu vois ce que je fais sur ce site, tu peux imaginer ce que je peux faire pour ton produit.

Chiffres clés

4
locales supportées (FR-FR, EN-US, FR-CA, EN-CA)
100
score Lighthouse perf
<1s
first contentful paint
0
service tiers payant pour la réservation
PortfolioFull-stacki18n
Liens