GitHub 热门项目：bhvr

GitHub 项目：bhvr 仓库地址：https://github.com/stevedylandev/bhvr 星级：1803 | 作者：史蒂维迪兰德夫 项目描述：使用 Bun、Hono、Vite 和 React 的 monorepo 模板 =================================================== 自述文件内容： #bhvr🦫  具有共享类型的全栈 TypeScript monorepo 启动器，使用 Bun、Hono、Vite 和 React。 ## 为什么是 bhvr？ 虽然现有的应用程序构建堆栈有很多，但其中许多要么臃肿、过时，要么被过多的供应商锁定。 bhvr 的构建理念是，您应该能够在任何环境中部署客户端或服务器，同时保持类型安全。 ## 快速入门 确保已安装 [bun](https://bun.sh) ````bash 包子——版本 ```` 运行以下命令创建一个新的 bhvr 项目 ````bash 包子创建 bhvr@latest my-app ```` 完成后运行开发服务器 ````bash cd 我的应用程序 包子开发者 ```` > [!注意] > 访问 [bhvr.dev](https://bhvr.dev) 获取完整文档！ ## 特点 - **全栈 TypeScript**：客户端和服务器之间的端到端类型安全 - **共享类型**：客户端和服务器之间共享的通用类型定义 - **Monorepo 结构**：组织为基于工作区的 monorepo，并使用 Turbo 进行构建编排 - **现代堆栈**： - [Bun](https://bun.sh) 作为 JavaScript 运行时和包管理器 - [Hono](https://hono.dev) 作为后端框架 - [Vite](https://vitejs.dev) 用于前端捆绑 - [React](https://react.dev) 用于前端 UI - [Turbo](https://turbo.build) 用于 monorepo 构建编排和缓存 ## 项目结构 ```` 。 ├── client/ # React 前端 ├── 服务器/ # Hono 后端 ├── shared/ # 共享 TypeScript 定义 │ └── src/types/ # 客户端和服务器端使用的类型定义 ├── package.json # 带有工作空间的根package.json └── Turbo.json # 用于构建编排的 Turbo 配置 ```` ### 服务器 bhvr 使用 Hono 作为后端 API，因为它的简单性和庞大的插件生态系统。如果您曾经使用过 Express，那么它可能会感觉很熟悉。声明路线和返回数据很容易。 ```` 服务器 ├── 包子.lock ├── package.json ├── 自述文件.md ├── 来源 │   └── 索引.ts └── tsconfig.json ```` ```打字稿 src/index.ts 从 'hono' 导入 { Hono } 从 'hono/cors' 导入 { cors } 从“共享”导入类型 { ApiResponse } const app = new Hono() 应用程序.use(cors()) app.get('/', (c) => { return c.text('你好霍诺！') }) app.get('/hello', async (c) => { 常量数据：ApiResponse = { 消息：“你好 BHVR！”， 成功：真实 } 返回 c.json(数据, { 状态: 200 }) }) 导出默认应用程序 ```` 如果您想向 Hono 添加数据库，您可以使用大量 Typescript 库，例如 [Supabase](https://supabase.com)，或 ORM，例如 [Drizzle](https://orm.drizzle.team/docs/get-started) 或 [Prisma](https://www.prisma.io/orm) ### 客户端 bhvr 使用 Vite + React Typescript 模板，这意味着您可以像使用任何其他 React 应用程序一样构建前端。这使得添加 UI 组件（如 [shadcn/ui](https://ui.shadcn.com) 或 rou）变得灵活