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 样板,请随时给我留言。
以上就是顶级笔-来源 Nextjs Boilerplates/Starter的详细内容,更多请关注其它相关文章!