code
Prompts CSS
Bibliothèque d’effets UI (motion/interaction) organisée par catégories : chaque prompt est présenté comme une démo React en plein écran avec un scroll-snap “1 effet = 1 écran”, plus des filtres par tags. L’app gère un accès gratuit/premium de façon sécurisée côté serveur (le contenu premium n’est jamais envoyé au client sans accès), avec authentification et achat Stripe pour débloquer l’accès à vie.
Stack Technique
Next.jsReactTypeScriptTailwind CSSMongoDBAuth.jsStripe
01Points Techniques
- Next.js (App Router) : routes dynamiques `/categories/[slug]`, Server Components, metadata/SEO
- MongoDB + Mongoose : modèles (Category/Prompt/Tag/User) et data-fetching `server-only`
- Sécurité premium : redaction côté serveur du contenu verrouillé (anti-fuite DevTools)
- Auth : NextAuth (session) + route API `me`
- Paiement : Stripe Checkout + webhook (accès à vie)
- UI : Tailwind CSS mobile-first + design neo‑brutaliste
- TypeScript : typage strict + validations runtime avant d’afficher les données