关于 vibeany.io
为 AI 编码助手优化的入门友好 Next.js 启动模板,让现代 Web 开发更易上手、更有趣。
我们的使命
现代 Web 开发不该令人不知所措。vibeany.io 让每个人都能轻松上手——尤其是与 Cursor、Claude Code 等 AI 编码助手协作的初学者。我们相信,最好的代码是人和 AI 都能读懂的代码。
vibeany.io 有何不同
我们不仅仅是另一个 Next.js 启动模板。我们为 AI 协作时代而生:
- 对初学者友好:更少术语,更多可完成的事情
- 面向 AI 的架构:清晰结构,便于 AI 助手理解
- 完善的文档:既为人阅读(你),也为 AI 阅读(你的编码伙伴)
- 久经考验的模式:遵循 Next.js 最佳实践,帮助 AI 正确协作
- 天然多语言:内置 i18n 的域驱动结构
- 生产可用:认证、支付、UI 组件——开箱即用
适合谁
独立开发者、创客,以及正在学习现代 Next.js 的任何人。无论是第一个项目还是第十个,vibeany.io 都为你与 AI 工具的高效协作提供稳固基础。
包含内容
此启动模板包含构建现代 Web 应用程序所需的一切:
- Next.js 14 搭配 App Router 和服务端组件
- TypeScript 提供类型安全
- Tailwind CSS 用于样式设计
- shadcn/ui 提供生产就绪组件
- 使用 next-themes 实现深色/浅色主题切换
- 使用 next-intl 提供多语言支持
- TanStack Query 用于数据获取
- 使用 react-hook-form 和 Zod 验证进行表单处理
技术栈
Next.js 14
带有 App Router 的 React 框架
TypeScript
类型安全的 JavaScript
Tailwind CSS
实用优先的 CSS 框架
shadcn/ui
精美的 UI 组件
next-intl
国际化
next-themes
主题管理
TanStack Query
服务端状态管理
Zod
架构验证
react-hook-form
表单处理
Recharts
数据可视化
开始使用
1. 克隆仓库
git clone https://github.com/yourusername/nextjs-starter.git2. 安装依赖
npm install3. 运行开发服务器
npm run dev