next15 filterlist
1.0.0
Ein interaktives, progressiv verbessertes Projekt -Task -Manager mit Filterung mit Next.js 15 mit Rückenwind -CSS und Prisma. Es wurde absichtlich verlangsamt, um den Umgang mit dem Ladezustand zu präsentieren.
Eine Kontext-API-Version finden Sie in filter-provider Zweigstelle, die alle Filter in einen einzelnen Status stapelt und das Problem behebt, dass sie beim Umschalten über mehrere verworfen werden.
Siehe nuqs Branch für eine Version mit NUQS, um dasselbe zu erreichen. Es ist wahrscheinlich besser, eine Bibliothek zu verwenden, oder?
Dies ist ein Next.js-Projekt mit create-next-app .
In diesem Projekt optimieren und laden Sie next/font automatisch, eine benutzerdefinierte Google -Schriftart.
Installieren Sie zunächst die Abhängigkeiten:
npm installFühren Sie dann den Entwicklungsserver aus:
npm run devÖffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.
Sie müssen sich zwischen Prisma Local Development mit sqlite oder einer realen Datenbank mit z. B. sqlserver entscheiden. Definieren Sie es in der Datei schema.prisma .
Erwägen Sie, eine .env -Datei zum Stammvermögen des Projekts hinzuzufügen und diese innerhalb von schema.prisma mit env("DATABASE_URL") zu verwenden, siehe .env.sample .
Löschen Sie nach dem Umschalten den Ordner prisma/migrations bevor Sie den Befehl migration ausführen.
Wenn Sie SQLServer verwenden, müssen Sie das Datenbankschema mit:
npm run prisma.migrateBei Verwendung von SQLite initialisieren Sie mit:
npm run prisma.pushSaatgut Prisma/Seed.ts für Anfangsdaten:
npm run prisma.seedUm mehr über Next.js zu erfahren, sehen Sie sich die folgenden Ressourcen an:
Sie können das nächste.js Github -Repository ansehen - Ihr Feedback und Ihre Beiträge sind willkommen!
Der einfachste Weg, um Ihre Next.js -App bereitzustellen, besteht darin, die Vercel -Plattform von den Erstellern von Next.js. zu verwenden.
Weitere Informationen finden Sie in unserer Next.JS -Bereitstellungsdokumentation.
