为了账号安全,请及时绑定邮箱和手机立即绑定

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 代码审查,保持代码的前沿性
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消