next.js
项目脚手架,包含以下特性:
- 现代化的
nextjs
+prisma
+trpc
+tailwindcss
+next-auth
全栈方案,已实现登录和会话管理。 - 完备的
typescript
+eslint
+stylelint
+prettier
能力,整合 vscode 配置,一键规范化代码。 - 一套在
preline
UI 皮肤上实现的完整的React
组件库preline-react
,开箱即用,告别基础组件上繁琐重复的tailwindcss
。复杂组件采用在开源 Headless 组件基础上封装:- 弹出类组件(tooltip, popover)使用
@floating-ui/floating-react
。 - 表格使用
@tanstack/react-table
- 表单使用
react-hook-form
+zod
- 弹出类组件(tooltip, popover)使用
- 前后端通过
prisma
打通业务模型的类型,通过zod
打通表单数据的类型和校验规则。 - 整合了社区的 SSR + CSR 同构渲染方案,在
src/app/post
目录下有示例。PS: 目前trpc
并没有官方正式的nextjs v13
版本的整合方案。
- 示例网站:https://preline-react.vercel.app 或 https://preline.binfoe.com
- 示例代码:https://github.com/binfoe/preline-react-demo-site
- 组件源码:https://github.com/binfoe/preline-react
git clone https://github.com/YuhangGe/nextjs-starter
cd nextjs-starter
pnpm install
pnpm dev
next-auth
集成,实现登录会话管理。logger
能力。- 服务端和客户端复用表单校验。
- 推进
react-preline
组件库。