Next Elite icon

Next Elite

Next Elite 是面向团队的前端优先、API 驱动的 Next.js 16 脚手架,已内置 auth、RBAC、i18n、表单与环境校验,帮助开发者从更完善的基础快速启动,而无需分别拼装这些功能。

Next Elite

概述

Next Elite 是一个前端优先、API 驱动的脚手架,用于使用 Next.js 16、React 19 和 TypeScript 构建应用。主页将其定位为一个轻量的起点,让技术栈聚焦于前端,同时避免被强制引入数据库层。

该项目将身份验证、基于角色的访问控制、本地化、表单、环境校验和开发者工具整合到一个启动模板中。它还包含自定义 UI 组件、服务端优先的 metadata,以及按角色划分的仪表盘路由,帮助团队从配置直接进入实现,而无需分别拼装这些功能。

核心功能

现代前端技术栈

基于 Next.js 16 App Router、React 19 和 TypeScript 严格模式构建,采用 RSC 优先的方式,仅在需要时使用客户端组件。

身份验证与权限控制

使用 BetterAuth 实现邮箱/密码登录、可选的 Google OAuth、会话处理、服务端守卫以及基于权限的 RBAC 辅助工具。

类型安全的 i18n

通过 `next-intl`、`NEXT_LOCALE` cookie、类型化消息、六种语言和 RTL 支持,提供类型安全的国际化。

自定义组件库

提供超过 40 个基于 shadcn/ui 的组件,以及 combobox、password input、OTP 和 input groups 等自定义扩展。

表单处理与校验

包含 Zod schema、React Hook Form,以及用于登录、注册和密码重置流程的内联错误处理。

SEO 与 PWA 基础

补充服务端生成的 metadata、sitemap、robots、manifest、canonical URLs 和 JSON-LD,以支持 SEO 和 PWA。

实际用例

  • 快速搭建新应用

    当你想要一个已经内置 auth、权限、本地化和环境校验的 Next.js 应用时,可将其作为起点。

  • 构建基于角色的仪表盘

    使用按角色划分的 `@user` 和 `@admin` 插槽,在保留单一 `/dashboard` 路由的同时构建不同的仪表盘体验。

  • 推出多语言界面

    在构建需要多语言且不能丢失类型安全的产品时,使用类型化消息配置和 RTL 支持。

  • 标准化身份验证表单

    使用内置的表单 schema、React Hook Form 集成和内联错误模式,更快实现登录和账户流程。

  • 加速 UI 组装

    当你需要一个精致的界面、又不想从零拼装每个基础组件时,使用组件库和自定义 UI 扩展。

Pros and Cons

Pros

  • 在一个项目中覆盖了广泛的启动栈,包括 auth、RBAC、i18n、表单、SEO 和环境校验。
  • 采用了类型化和服务端优先的模式,例如严格的 TypeScript、Zod 校验和服务端生成的 metadata。
  • 通过同一路径 `/dashboard` 提供基于角色的并行路由,以支持不同的仪表盘体验。
  • 提供了规模可观的组件集和自定义 UI 扩展,而不是一个极简的启动骨架。
  • 首页记录了清晰的本地设置流程和 Vercel 部署路径。

Cons

  • 收集到的证据中,定价页面返回 404,因此网站无法提供定价细节。
  • 部分领域的覆盖不够完整,因此收集到的来源中没有更深入的集成和产品范围文档。

FAQ

Next Elite 是什么?

该网站将 Next Elite 描述为一个基于 Next.js 16 和 React 19 的脚手架,采用前端优先、API 驱动架构,并包含自定义组件、i18n、RBAC、BetterAuth 以及若干面向开发体验的实用工具。

网站重点展示了哪些技术?

它包含 Next.js 16 App Router、React 19、TypeScript 严格模式、Tailwind v4、带自定义扩展的 shadcn/ui、BetterAuth、next-intl、Zod、React Hook Form、T3 Env、TanStack Query 和 Sentry,这些都在首页中有说明。

如何开始使用它?

首页展示了本地启动流程:先克隆仓库,将 `.env.example` 复制为 `.env`,安装依赖,然后运行开发服务器。网站还说明它可以部署到 Vercel。

基于角色的仪表盘结构是如何工作的?

网站通过同一个 `/dashboard` 路径下的并行路由展示按角色区分的仪表盘,并根据权限选择 `@user` 和 `@admin` 插槽。

网站上有定价信息吗?

收集到的证据中,定价 URL 返回了 404 页面,因此现有来源无法确认是否存在定价方案或付费层级结构。

Quick Facts

类别
开发者工具
平台
Next.js 16 / React 19
主要定位
前端优先脚手架
Auth
BetterAuth
i18n
next-intl、6 种语言、RTL 支持
源域名
next-elite-boilerplate.vercel.app