Problème
Avoir une bibliothèque réutilisable de sections de landing pour bootstrap rapidement les pages marketing de mes futurs SaaS, sans copier-coller à chaque fois.
Contexte
Projet personnel open-source. Pensé comme un complément à shadcn/ui, axé sections marketing complètes (pas des composants atomiques).
Stack technique
- Next.js 15 (App Router)
- TypeScript
- Tailwind v4
- shadcn/ui
- Dark mode par défaut
Décisions techniques
- Code copy-paste comme shadcn/ui plutôt qu'une lib publiée sur npm : chaque section reste éditable et n'ajoute pas de dépendance.
- Dark mode comme défaut, pas une option : couleurs et contrastes pensés pour le sombre d'abord, light dérivé.
- Tailwind v4 + tokens CSS : pas de config JS, theming via variables CSS uniquement.
- Pas de framework d'animation lourd : juste Tailwind transitions et quelques keyframes custom, pour garder le poids des sections minimal.
Résultats
- 10 sections couvrant les besoins typiques d'une landing SaaS (hero, features, pricing, testimonials, CTA…).