next.js 是一个构建在 node.js 之上的开源 web 开发框架，支持基于 react 的 web 应用程序功能，例如服务器端渲染和生成静态网站。
虽然Next.js。官方允许我们通过 npx create-next-app@latest 命令快速创建 Next.js 项目，成熟的 Web 项目往往会涉及到用户认证、数据库、支付等功能。对于 Next.js 新手来说，从头开始开发这些功能可能具有挑战性。我们可以使用一些很棒的开源 Next.js Starter 项目来应对这一挑战并加快我们的开发过程。
接下来，我将介绍 Next.js Starter Directory 网站推荐的 8 个 Next.js 样板。
1. tailwind-nextjs-starter-博客
这是一个 Next.js、Tailwind CSS 博客入门模板。开箱即用，配置了最新技术，使技术写作变得轻而易举。
麻省理工学院 / 8.9K 明星
技术堆栈
- 框架：Next.js
- UI 库：@headlessui/react
- CSS 样式：Tailwind CSS
- CMS：contentlayer2
2. Vercel 平台
具有多租户和自定义域支持的全栈 Next.js 应用程序。使用 Next.js App Router 和 Vercel Domains API 构建。
麻省理工学院 / 5700 星
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- ORM：毛毛雨
- 验证：NextAuth.js
- 编辑：小说
- 图表：震颤
3. 下一个锻造
适用于 Next.js 应用的生产级 Turborepo 模板。
麻省理工学院 / 4.1K 明星
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- UI 库：Radix UI
- ORM：Prisma
- 数据库：霓虹灯
- 付款：Stripe
4.碎片
开源 Next.js 模板，用于构建完全由人工智能生成的应用程序。
Apache-2.0 / 3.5K 星级
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- UI 库：Radix UI
- 数据库：Supabase
5. next-shadcn-dashboard-starter
使用 Nextjs14 和 shadcn ui 的管理仪表板入门程序。
麻省理工学院 / 2.9K 明星
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- 组件：Shadcn-ui
- 验证：Auth.js
- 状态管理：Zustand
6.langchain-ai/langchain-nextjs-模板
LangChain Next.js 入门模板。
麻省理工学院 / 1.5K 明星
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- 数据库：Supbase
- 人工智能：Langchainjs
7. nextjs-入门套件
Ulimate Nextjs 入门套件。打造您梦想中的下一个 SAAS 产品。包含电池。
麻省理工学院 / 1.2K 明星
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- 数据库：Supbase
- ORM：Prisma
- 授权：职员
- 付款：Stripe
8. 查德下一个
ChadNext - 您的下一个项目的快速入门模板包括 Next.js 15 应用程序路由器、Shadcn UI、LuciaAuth、Prisma、服务器操作、Stripe、国际化等。
麻省理工学院 / 1K 明星
技术堆栈
- 框架：Next.js
- CSS 样式：Tailwind CSS
- 组件：Shadcn-ui
- ORM：Prisma
- 验证：LuciaAuth
- 付款：Stripe
除了上述 8 个开源的 next.js 样板之外，Next.js Starter Directory 还介绍了其他样板，您可以访问 Next.js Starter Directory 查找更多样板。如果您还有其他很棒的 next.js 样板，请随时给我留言。
