Nocly.fr
Retour aux projets

Nocly.fr — ce site

Portfolio multilingue avec back-office complet

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

Contexte

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

Le défi

Construire un portfolio qui se démarque visuellement, se traduit proprement en quatre locales (FR-FR, EN-US, FR-CA, EN-CA), et 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, opportunités commerciales perdues faute de point d'entrée crédible.

Après

Portfolio bilingue déployé en production, prise de RDV automatisée avec emails transactionnels, back-office complet pour suivre messages, créneaux et analytics.

L'approche

Stack moderne : Next.js 14 (App Router), TypeScript strict, Tailwind, Supabase pour la persistence, next-intl pour l'internationalisation, Resend pour les emails transactionnels. Système de réservation maison avec calendrier, génération de créneaux 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 : analytics 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 le booking
PortfolioFull-stacki18n
Liens