next15 filterlist
1.0.0
Un gestionnaire de tâches de projet interactif et progressivement amélioré avec filtrage en utilisant Next.js 15 avec Tailwind CSS et Prisma. Il a été délibérément ralenti pour présenter la manipulation de l'état de chargement.
Voir filter-provider Branch pour une version API Context, qui regorge de tous les filtres en un seul état, en résolvant le problème de leur rejette lors de la conduite à travers plusieurs.
Voir la branche nuqs pour une version utilisant NUQS pour accomplir la même chose. Il est probablement préférable d'utiliser une bibliothèque, non?
Ceci est un projet Next.js Bootstrapé avec create-next-app .
Ce projet utilise next/font pour optimiser et charger automatiquement Inter, une police Google personnalisée.
Tout d'abord, installez les dépendances:
npm installEnsuite, exécutez le serveur de développement:
npm run devOuvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.
Vous devez décider entre le développement local de prisma avec sqlite ou une base de données réelle avec par exemple sqlserver . Définissez-le dans le fichier schema.prisma .
Envisagez d'ajouter un fichier .env à la racine du projet et d'utiliser ces schema.prisma intérieure.prima avec env("DATABASE_URL") , reportez-vous à .env.sample .
Après le changement, supprimez le dossier prisma/migrations avant d'exécuter la commande Migration.
Lorsque vous utilisez SQLServer, vous devez migrer le schéma de base de données avec:
npm run prisma.migrateLorsque vous utilisez SQLite, initialisez avec:
npm run prisma.pushPRISMA / SEED PRISMA.TS pour les données initiales:
npm run prisma.seedPour en savoir plus sur Next.js, jetez un œil aux ressources suivantes:
Vous pouvez consulter le référentiel GitHub suivant. Vos commentaires et contributions sont les bienvenus!
La façon la plus simple de déployer votre application Next.js est d'utiliser la plate-forme Vercel à partir des créateurs de next.js.
Consultez notre documentation de déploiement Next.js pour plus de détails.
