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许可获得许可。