Onyx
Case Study — 2025

Onyx

Next.js 15React 19TypeScriptTailwind CSS v4shadcn/uiFramer MotionResend
— Le projet

Onyx est un template Next.js open source conçu pour les solopreneurs et experts IA qui veulent lancer un site vitrine professionnel rapidement. Toute la configuration passe par un seul fichier — pas de CMS, pas d'interface d'admin, juste du code propre et performant.

— Le défi

La plupart des templates disponibles sont soit trop complexes à customiser, soit trop limités pour un usage professionnel. L'objectif était de créer un point de départ qui couvre 100% des besoins d'un site vitrine moderne — blog MDX, SEO complet, formulaire de contact, mode sombre — sans une seule dépendance superflue.

— Résultats
1 fichier
Pour configurer tout le site
site.config.ts
100
Score Lighthouse
Performance, SEO, A11y
MIT
Licence open source
Utilisable sans restriction
< 5 min
Déploiement Vercel
Zéro configuration
— Ce qu'on a fait
Architecture Next.js App Router
Design system Tailwind v4 (tokens OKLCH)
Blog MDX avec frontmatter structuré
SEO automatisé (sitemap, JSON-LD, Open Graph)
Support GEO — llms.txt et llms-full.txt
Formulaire de contact (react-hook-form + Resend)
Bannière RGPD + Google Analytics / Plausible
Script de mise à jour sans écraser les personnalisations
— Visuels
Onyx — visuel 1