taxonomy

分類學

使用新路由器，服務器組件和Next中的所有內容構建的開源應用程序。 JS13。

警告此應用程序正在進行中。我正在公共場合建立。您可以在Twitter @shadcn上關注進度。請參閱下面的路線圖。

關於這個項目

該項目作為一個實驗，以查看現代應用程序（具有身份驗證，訂閱，API路由，文檔靜態頁面等功能）如何在Next.JS 13和服務器組件中使用。

這不是入門模板。

一些人要求我將其變成一個入門者。我認為，一旦新功能超出了Beta，我們就可以做到這一點。

注意性能

警告此應用程序正在使用Next的不穩定版本。 JS13和React 18。新路由器和應用程序DIR仍處於beta中，尚未準備好生產。測試儀表板時，期望一些性能打擊。如果您看到破裂的東西，可以ping我@shadcn。

特徵

• 新/app程序，
• 路由，佈局，嵌套佈局和佈局組
• 數據獲取，緩存和突變
• 加載UI
• 路線處理程序
• 元數據文件
• 服務器和客戶端組件
• API路線和中間
• 使用NextAuth.js的身份驗證
• ORM使用Prisma
• 行星尺度上的數據庫
• 用Radix UI構建的UI組件
• 使用MDX和ContentLayer的文檔和博客
• 使用條紋訂閱
• 使用Tailwind CSS風格
• 使用ZOD驗證
• 用打字稿編寫

路線圖

• 添加MDX支持基本頁面
• 建立營銷頁面
• 使用條紋訂閱
• 響應式風格
• 使用 @vercel/og添加博客的OG圖像
• 黑暗模式

已知問題

目前不起作用的事情列表：

1. GitHub身份驗證（使用電子郵件）
2. Prisma：錯誤：Enoent：沒有這樣的文件或目錄，打開'/var/task/.next/server/chunks/schema.prisma'
3. next.js 13：客戶端導航不會更新頭
4. 無法在catch-all路線內使用opengraph-image.tsx

為什麼不trpc，turborepo或x？

我可能稍後再添加。現在，我想看看我們只能使用next.js多遠。

如果您有一些建議，請隨時創建一個問題。

本地運行

1. 使用PNPM安裝依賴項：

pnpm install

2. 將.env.example複製到.env.local並更新變量。

cp .env.example .env.local

3. 啟動開發服務器：

pnpm dev

執照

根據MIT許可獲得許可。