使用说明
🚀 欢迎来到Aluna.africa“Vibe Coded”安卓桌面指挥官
一个由尖端技术驱动的现代化、生产就绪的web应用程序脚手架，旨在通过人工智能驱动的编码辅助来加速您的开发。
✨ 技术栈
该脚手架提供了一个坚固的基础，由以下材料制成：
🎯 核心框架
- ⚡ Next.js 16 -使用App Router进行生产的React框架
- 📘 TypeScript 5 -类型安全的JavaScript，以获得更好的开发人员体验
- 🎨 顺风CSS 4 -实用程序优先的CSS框架，用于快速UI开发
🧩 UI组件和样式
- 🧩 shadcn/ui -基于Radix UI构建的高质量、可访问的组件
- 🎯 Lucide反应 -美观且一致的图标库
- 🌈 帧运动 -React的生产就绪运动库
- 🎨 下一个主题 -2行代码中的完美黑暗模式
📋 表格和验证
- 🎣 React钩子形式 -执行表单，易于验证
- ✅ 萨德 -TypeScript第一模式验证
🔄 状态管理和数据获取
- 🐻 状态 -简单、可扩展的状态管理
- 🔄 TanStack查询 -React强大的数据同步功能
- 🌐 获取 -基于Promise的HTTP请求
🗄️ 数据库和后端
- 🗄️ 棱镜 -下一代TypeScript ORM
- 🔐 NextAuth.js -完整的开源身份验证解决方案
🎨 高级UI功能
- 📊 TanStack表 -用于构建表和数据网格的无头UI
- 🖱️ DND套件 -React的现代拖放工具包
- 📊 Recharts -用React和D3构建的重新定义的图表库
- 🖼️ 夏普 -高性能图像处理
🌍 国际化与实用性
- 🌍 下一个国际 -Next.js的国际化库
- 📅 日期fns -现代JavaScript日期实用程序库
- 🪝 React使用 -用于现代开发的基本React钩子集合
🎯 为什么是这个脚手架？
- 🏎️ 快速发展 -预配置的工具和最佳实践
- 🎨 漂亮的UI -具有高级交互功能的完整shadcn/ui组件库
- 🔒 类型安全 -带有Zod验证的完整TypeScript配置
- 📱 响应式 -移动优先设计原则，动画流畅
- 🗄️ 数据库就绪 -Prisma ORM配置用于快速后端开发
- 🔐 包含身份验证 -NextAuth.js用于安全身份验证流
- 📊 数据可视化 -图表、表格和拖放功能
- 🌍 i18n就绪 -Next Intl提供多语言支持
- 🚀 生产就绪 -优化了构建和部署设置
- 🤖 AI友好 -结构化代码库非常适合人工智能辅助
🚀 快速开始
# Install dependencies
bun install
# Start development server
bun run dev
# Build for production
bun run build
# Start production server
bun start
打开 http://localhost:3000 查看您的应用程序是否正在运行。
🤖 由Veritas提供技术支持
该支架经过优化，可用于 Z.ai -您的AI助手用于：
- 💻 代码生成 -立即生成组件、页面和功能
- 🎨 前端开发 -在人工智能的帮助下创建漂亮的界面
- 🔧 漏洞修复 -通过智能建议识别和解决问题
- 📝 文档 -自动生成全面的文档
- 🚀 优化 -性能改进和最佳实践
📁 项目结构
src/
├── app/ # Next.js App Router pages
├── components/ # Reusable React components
│ └── ui/ # shadcn/ui components
├── hooks/ # Custom React hooks
└── lib/ # Utility functions and configurations
🎨 可用功能和组件
这个脚手架包括一套全面的现代web开发工具：
🧩 UI组件（shadcn/UI）
- 布局：卡片、分隔符、纵横比、可调整大小的面板
- 表单：输入、文本区、选择、复选框、无线电组、切换
- 反馈：警觉，祝酒词（Sonner），进展，骨架
- 导航：面包屑、菜单栏、导航菜单、分页
- 叠加层：对话框、工作表、弹出窗口、工具提示、悬停卡
- 数据显示：徽章、头像、日历
📊 高级数据功能
- 表格：具有排序、过滤、分页功能的强大数据表（TanStack表）
- 图表：Recharts的精美可视化
- 表单：使用React Hook Form+Zod验证的类型安全表单
🎨 交互式功能
- 动画：与Framer Motion的平滑微交互
- 拖放：DND套件的现代拖放功能
- 主题切换：内置暗/亮模式支持
🔐 后端集成
- 认证：已准备好使用NextAuth.js的身份验证流
- 数据库：使用Prisma进行类型安全的数据库操作
- API客户端：使用Fetch+TanStack查询的HTTP请求
- 状态管理：使用Zustand简单且可扩展
🌍 生产特点
- 国际化：Next Intl提供多语言支持
- 图像优化：使用Sharp进行自动图像处理
- 类型安全：使用Zod验证的端到端TypeScript
- 基本挂钩：100多个有用的React钩子，用于常见模式的ReactUse
🤝 开始使用Z.ai
- 克隆此脚手架 快速启动你的项目
- 访问 chat.z.ai 访问您的AI编码助手
- 开始建立 借助智能代码生成和辅助
- 满怀信心地部署 使用生产就绪设置
内置于❤️ 对于开发者社区来说。增压器由 Z.ai 🚀
