Next.jsReact启动器

Next-js-Boilerplate — Next.js 启动器模板

作者 ixartz

Next.js 16 + Tailwind CSS 4 + TypeScript 的开发者优先启动器,集成 Clerk、Drizzle、Sentry 等。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

支持 Next.js 16 与 App Router,同时兼容 Page Router

02

内置 Clerk 认证,涵盖注册、登录、密码重置等常见流程

03

Drizzle ORM 配合 PGlite,本地开发零配置自动建库

04

预置 Sentry、LogTape、Arcjet、PostHog 等可插拔服务

05

完整的测试与代码规范工具链:Vitest、Playwright、Storybook、Oxlint

06

每月更新依赖,保持与最新版本同步

模板详细介绍

Next-js-Boilerplate 是一个面向 Next.js 16、Tailwind CSS 4 和 TypeScript 的启动器,核心定位是开发者体验优先。它同时支持 App Router 和 Page Router,但默认采用 App Router 结构。项目预置了完整的工程化工具链:Oxlint(替代 ESLint)和 Oxfmt(替代 Prettier)负责代码规范,Lefthook 管理 Git 钩子,Commitlint 约束提交信息,Vitest 与 Playwright 覆盖单元和端到端测试,Storybook 用于组件开发。这些工具开箱即用,适合希望跳过繁琐配置、直接进入业务开发的团队。

功能集成方面,模板内置了 Clerk 认证(支持邮箱密码、无密码 Magic Links、MFA、社交登录等)、Drizzle ORM 数据库层(兼容 PostgreSQL、SQLite、MySQL),本地开发使用 PGlite 自动创建数据库,无需 Docker 或额外服务。生产环境可切换至 Neon 等远程 PostgreSQL。此外还预置了 Sentry 错误监控、LogTape 日志、Arcjet 安全防护、PostHog 分析、next-intl 多语言(i18n)以及 SEO 元数据等。这些模块大多通过环境变量即可启用,但部分服务(如 Clerk、Neon、Sentry)需要你自行注册账号并获取密钥。

需要留意的是,README 中明确标注了“Production-ready”,但实际部署前仍需你完成第三方服务的配置和测试。模板默认使用未样式化的极简主题,视觉上比较朴素,适合作为业务起点而非成品。另外,Node.js 24+ 是运行要求,较旧环境可能无法直接使用。如果你需要多租户、RBAC、Stripe 支付等进阶功能,作者提供了商业版 Pro,但开源版本并不包含这些。

Next.jsReact启动器

适合你的项目吗?

适用场景

  • 需要快速搭建带有完整工程化配置的 Next.js 项目
  • 项目计划使用 Clerk 作为认证方案,并需要数据库集成
  • 团队重视代码质量,希望开箱即用的测试和 lint 工具
  • 需要多语言支持(i18n)和 SEO 基础优化的内容型应用

适合人群

  • 中大型 Next.js 应用开发
  • SaaS 产品原型或 MVP
  • 需要严格代码规范与测试覆盖的团队
  • 希望避免重复配置工具链的开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    克隆仓库后运行 npm install 即可启动,本地数据库自动创建。

  2. 2

    需在 .env.local 中配置 Clerk 密钥,生产环境需设置 DATABASE_URL。

  3. 3

    部分第三方服务(如 Sentry、Arcjet)需自行注册并配置。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用,仅需保留版权与许可声明;README中Pro版为可选付费升级,不影响本仓库授权。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 在软件副本或实质部分中保留版权声明和许可声明

额外费用与待核对事项

  • README未单独说明图片、字体等第三方素材的授权情况
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

The above copyright notice and this permission notice shall be included in all

许可证原文

Licensed under the MIT License, Copyright © 2026

README 原文

Permission is hereby granted, free of char

许可证原文
https://github.com/ixartz/Next-js-Boilerplate/blob/main/LICENSEhttps://github.com/ixartz/Next-js-Boilerplate/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 94 / 100
技术栈
Next.js · React
网站类型
启动器
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-09-02
截图检查日期
2026-09-04

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。