海印网
海印网

顶级笔

admin数码00

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 明星

顶级笔-第1张图片-海印网

技术堆栈

  • 框架:Next.js
  • UI 库:@headlessui/react
  • CSS 样式:Tailwind CSS
  • CMS:contentlayer2

2. Vercel 平台

具有多租户和自定义域支持的全栈 Next.js 应用程序。使用 Next.js App Router 和 Vercel Domains API 构建。

麻省理工学院 / 5700 星

顶级笔-第2张图片-海印网

技术堆栈

  • 框架:Next.js
  • CSS 样式:Tailwind CSS
  • ORM:毛毛雨
  • 验证:NextAuth.js
  • 编辑:小说
  • 图表:震颤

3. 下一个锻造

适用于 Next.js 应用的生产级 Turborepo 模板。

麻省理工学院 / 4.1K 明星

顶级笔-第3张图片-海印网

技术堆栈

  • 框架:Next.js
  • CSS 样式:Tailwind CSS
  • UI 库:Radix UI
  • ORM:Prisma
  • 数据库:霓虹灯
  • 付款:Stripe

4.碎片

开源 Next.js 模板,用于构建完全由人工智能生成的应用程序。

Apache-2.0 / 3.5K 星级

顶级笔-第4张图片-海印网

技术堆栈

  • 框架:Next.js
  • CSS 样式:Tailwind CSS
  • UI 库:Radix UI
  • 数据库:Supabase

5. next-shadcn-dashboard-starter

使用 Nextjs14 和 shadcn ui 的管理仪表板入门程序。

麻省理工学院 / 2.9K 明星

顶级笔-第5张图片-海印网

技术堆栈

  • 框架:Next.js
  • CSS 样式:Tailwind CSS
  • 组件:Shadcn-ui
  • 验证:Auth.js
  • 状态管理:Zustand

6.langchain-ai/langchain-nextjs-模板

LangChain Next.js 入门模板。

麻省理工学院 / 1.5K 明星

顶级笔-第6张图片-海印网

技术堆栈

  • 框架:Next.js
  • CSS 样式:Tailwind CSS
  • 数据库:Supbase
  • 人工智能:Langchainjs

7. nextjs-入门套件

Ulimate Nextjs 入门套件。打造您梦想中的下一个 SAAS 产品。包含电池。

麻省理工学院 / 1.2K 明星

顶级笔-第7张图片-海印网

技术堆栈

  • 框架:Next.js
  • CSS 样式:Tailwind CSS
  • 数据库:Supbase
  • ORM:Prisma
  • 授权:职员
  • 付款:Stripe

8. 查德下一个

ChadNext - 您的下一个项目的快速入门模板包括 Next.js 15 应用程序路由器、Shadcn UI、LuciaAuth、Prisma、服务器操作、Stripe、国际化等。

麻省理工学院 / 1K 明星

顶级笔-第8张图片-海印网

技术堆栈

  • 框架: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的详细内容,更多请关注其它相关文章!

Tags: 麻省理工学院堆栈

Sorry, comments are temporarily closed!