next15 filterlist

next.js 15过滤列表

使用Next.js 15与Tailwind CSS和PRISMA进行过滤，逐渐增强了项目任务管理器。它故意放慢了速度以展示负载状态的处理。

有关上下文API版本，请参见filter-provider分支，该版本将所有过滤器分解为单个状态，从而解决了它们在跨多个状态时被丢弃的问题。

请参阅nuqs分支，以获取使用NUQ来完成同一操作的版本。最好使用库，对吗？

这是一个带有create-next-app boottrable。

该项目使用next/font自动优化和加载自定义的Google字体。

入门

首先，安装依赖项：

npm install

然后，运行开发服务器：

npm run dev

打开http：// localhost：3000使用浏览器查看结果。

Prisma设置

您需要在使用sqlite或使用sqlserver的真实数据库的Prisma本地开发之间做出决定。在schema.prisma文件中定义它。

考虑将.env文件添加到项目的根部，并使用env("DATABASE_URL")使用这些内部schema.prisma ，请参阅.env.sample 。

切换后，在运行迁移命令之前删除prisma/migrations文件夹。

使用SQLServer时，您需要使用以下方式迁移数据库架构

npm run prisma.migrate

使用sqlite时，用以下方式初始化：

npm run prisma.push

种子Prisma/seed.ts用于初始数据：

npm run prisma.seed

了解更多

要了解有关Next.js的更多信息，请查看以下资源：

• Next.js文档 - 了解Next.js功能和API。
• 学习Next.js-互动Next.js教程。

您可以查看下一个。JSgithub存储库 - 欢迎您的反馈和贡献！

部署在Vercel上

部署您的next.js应用的最简单方法是使用Next.js的创建者的Vercel平台。

请查看我们的Next.js部署文档以获取更多详细信息。