create-next-app-loluweb
v0.1.20
Published
Temp description
Readme
Template pour votre projet PROJECT_NAME
Ce projet est une application Next.js 15, initialisée avec create-next-app et enrichie avec des outils modernes.
🚀 Démarrage rapide
Lancez le serveur de développement :
pnpm dev
# ou
npm run dev
# ou
yarn dev
# ou
bun devOuvrez http://localhost:3000 dans votre navigateur pour voir le résultat.
Vous pouvez commencer à modifier la page en éditant app/page.tsx. La page se met à jour automatiquement.
🧰 Technologies utilisées
- Next.js 15 – Framework React pour le développement fullstack moderne.
- Better-Auth – Authentification simplifiée avec prise en charge de plusieurs providers.
- ShadCN UI – Composants UI élégants et personnalisables basés sur Radix.
- Tailwind CSS – Framework utilitaire CSS moderne.
- TypeScript – Sécurité et confort de développement avec typage statique.
- Zod (optionnel) – Validation de schémas TypeScript pour les données et les formulaires.
- Pino (optionnel) – Logger JSON structuré, performant, avec affichage stylisé en dev.
🔐 Authentification (Better-Auth)
Better-Auth est déjà intégré pour gérer l'authentification avec Next.js 15 App Router. Pour l'utiliser :
- Modifiez les fichiers
auth.config.tsetsrc/lib/auth.tspour définir vos providers (Google, GitHub, etc.) - Le composant
AuthProviderest prêt à être utilisé dansapp/layout.tsx
👉 Voir la documentation Better-Auth
✅ Validation (Zod)
Zod est utilisé pour :
- Valider les variables d'environnement (dans
src/env.ts) - Créer des schémas pour les formulaires (dans
src/lib/schema/)
// Exemple :
const contactSchema = z.object({
name: z.string().min(1),
email: z.string().email(),
message: z.string().min(10),
});👉 Voir la documentation Zod
📋 Logs (Pino)
Pino est configuré pour :
- Afficher des logs lisibles en développement avec
chalk - Générer des logs JSON structurés en production, utiles pour Datadog/Logtail/etc.
// Exemple côté serveur (src/lib/logger/index.ts)
logger.info("Serveur démarré avec succès");// Exemple côté client (src/lib/logger/client.ts)
log.debug("Données reçues", data);👉 Voir la documentation Pino
📦 Déploiement sur Vercel
Le moyen le plus simple de déployer cette app est via la plateforme Vercel.
Consultez la documentation de déploiement Next.js pour plus de détails.
Bon développement ! 🚀
