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部署文檔以獲取更多詳細信息。