Next.js 最佳項目啟動模板
支持 Next.js 应用程序路由器的最佳启动模板和 starter,包含了 Tailwind CSS 和 TypeScript。
⚡️ 优先考虑开发者的体验:Next.js,TypeScript,ESLint,Prettier,Husky,VS Code,PostCSS,前端框架 Tailwind CSS,身份验证,数据库
克隆这个项目并用它来创建你自己的 Next.js 项目。
https://github.com/maher-naija-pro/Best-Next-js-Boilerplate
## 特性
- ⚡ 支持 Next.js 的 App Router
- 💯 最大化 Lighthouse 分数
- 🖥️ 使用 shadcn/ui 组件
- 🚀 使用 TanStack Query 进行数据获取、缓存和变异
- 🔥 使用 TypeScript 实现类型检查
- ✨ 来自 Lucide 的美观且一致的图标
- ⏳ 使用 Skeleton 组件实现加载界面组件
- 💎 与 Tailwind CSS 集成
- 🌐 多语言(i18n)支持,使用 next-intl
- ✅ TypeScript 和 React 18 的严格模式
- 🔒 使用 Authjs 实现身份验证:注册、登录、登出、忘记密码、重置密码等
- 👥 社交登录(Google、GitHub 等),用户角色
- ⌨️ 使用 React Hook Form 处理表单
- 🔴 使用 Zod 实现验证库
- 🦊 使用 Husky 实现 Git Hooks
- 📏 使用 ESLint 进行代码检查(默认 Next.js、Next.js 核心 Web Vitals、Tailwind CSS 和 Airbnb 配置)
- 💖 使用 Prettier 格式化代码
- 📝 使用 Pino.js 进行日志记录,使用 Better Stack 管理日志
- 📦 使用 Prisma 实现类型安全的 ORM,兼容 PostgreSQL、SQLite 和 MySQL
- 🚀 准备支持 Next.js 15
- 🧪 使用 Playwright 进行集成和 E2E 测试
- 🎉 使用 Storybook 进行 UI 开发
- 🤖 SEO 元数据、Open Graph 标签及 JSON-LD 标签
- 🗺️ 使用 Sitemap.xml 和 robots.txt
- ⌘ 使用 PRisma Studio 和 CLI 迁移工具进行数据库探索
- ⚙️ 使用 Bundler Analyzer
- 🔍 使用 newsletter 和联系表单
- 💡 使用 @ 前缀实现绝对导入
- 🗂 VSCode 配置
- 🚓 使用 Commitlint 检查 Git 提交
- 🦺 使用 Vitest 和 React Testing Library 进行单元测试
- 🚫 使用 Lint-staged 在 Git 暂存文件上运行代码检查
- ☂️ 使用 Vitest istanbul/v8 实现代码覆盖率
- 🔍 使用 Percy 进行视觉测试
- 👷 使用 GitHub Actions 在拉取请求上运行测试
- 🖥️ 使用 Checkly 实现代码监控
- 🎁 使用 Semantic Release 自动生成变更日志
- 🚀 使用 Open Telemetry 实现可观测性,实现无缝监控
- 💲 价格表
- ✨ 功能表
- 🚀 营销页面包含:英雄部分、统计数据、客户部分
- 📄 包含 Markdown 内容的文档模板
- 🚀 平台模板
- 📱 移动侧边栏
- 💻 全面响应式设计
- 🖱️ 悬停互动元素
- 🔐 集中式的变量和内容
- 📊 使用 react-table 实现完整的 CRUD 表格
- 💳 Stripe 支付集成
- 👤 用户仪表板示例页面
- 👤 管理仪表板
- 🌗 暗模式
- 📧 邮件发送集成
- ✨ CSS 动画
- 🤖 使用自动化的谷歌 Gemini 代码审查,保持代码的前沿性
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦