Démarrage
Introduction
Onyx est un template Next.js 15 open source pour créer des sites vitrines et des blogs. Il embarque Tailwind v4, shadcn/ui, Framer Motion et un moteur de blog MDX complet — prêt à déployer en quelques minutes.
Ce que c'est
Onyx n'est pas un CMS cloud. C'est un template que vous forkez, adaptez et déployez sur votre propre hébergement. Tout le contenu vit dans votre dépôt Git — aucune base de données, aucun compte obligatoire.
Il convient pour :
- →Sites vitrine pour agences, freelances, startups
- →Blogs techniques ou éditoriaux
- →Landing pages avec sections animées
- →Portfolio avec gestion de contenu MDX
Stack technique
Next.js 15
App Router, SSG, ISR
Tailwind CSS v4
Tokens OKLCH, @utility
shadcn/ui
Composants accessibles
Framer Motion
Animations au scroll
next-mdx-remote
Rendu des articles MDX
next-themes
Mode sombre / clair
Structure du projet
Arborescence
site.config.ts # Configuration centralisée
src/
app/ # Pages Next.js (App Router)
components/
blocks/ # Sections animées (hero, features…)
blog/ # Composants blog
layout/ # Header, footer, breadcrumbs
ui/ # shadcn/ui — ne pas modifier
data/
home.ts # Contenu page d'accueil
lib/
blog.ts # Moteur de lecture MDX
content/
blog/ # Articles .mdx
public/
images/ # Assets statiques