基于 React 19 + TypeScript + Vite + shadcn/ui + PocketBase 构建的现代化、全栈后台管理系统脚手架。
本项采用 AI 友好的技术栈，并结合 Shadcn & PocketBase MCP，提供完整、流畅、全栈、98分的 Vibe Coding 开发体验。
Pocket Stack 的 98% 的特性是 Vibe Coding 开发的结果。经过在多个开发Agent测试，虽然效果不同，但都能完成开发。
| IDE | 大模型 | 打分 | 说明 |
|---|---|---|---|
| Trae 国内版 | Doubao-Seed-1.8 | 90分 | 可以实现vibe开发。一半功能一次成型，一半需要补充debug提示词 |
| Trae 国际版 | Ginimi-3-flash | 95分 | 可以实现vibe开发。20%的情况需补充debug提示词 |
| Antigravity | Ginimi-3-flash | 98分 | 可以实现vibe开发。几乎都能实现一次成型 |
| Antigravity | Ginimi-3-Pro | 98分 | 可以实现vibe开发。几乎完美 |
- 🎨 前端特性：基于 shadcn/ui (Maia 风格) 与 Tailwind CSS v4，内置深色模式。全站采用 HugeIcons 图标库。自适应 Desktop、Tablet 及 Mobile 布局。
- 🚀 后端特性：原生集成 PocketBase，覆盖身份验证及数据存储。
- 📋 业务示例：内置个人任务管理系统，支持多状态流转、优先级设定及用户数据隔离。
- 🎪 身份认证：支持“超级管理员”与“普通管理员”登录模式。
- 🛡️ 权限控制：
- 路由级保护 (
ProtectedRoute,AdminOnlyRoute)。 - 侧边栏菜单根据角色动态过滤。
- UI 自动根据权限进行降级或隐藏。
- 后端 API Rules 确保租户/用户级数据物理隔离。
| 领域 | 技术方案 |
|---|---|
| 后端/认证 | PocketBase |
| 前端框架 | React 19 + TypeScript |
| 构建工具 | Vite |
| UI 组件 | shadcn/ui (@base-ui/react) |
| 样式 | Tailwind CSS v4 (Maia Style) |
| 路由 | React Router v7 |
| 图标 | HugeIcons React |
github地址：citywill/pocket-stack: 基于 Vite + shadcn/ui + PocketBase 构建的 AI 友好的全栈开发脚手架，结合 Shadcn & PocketBase MCP，提供完整、流畅的全栈 Vibe Coding 开发体验。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/216353.html