将 HTMX 放在前端，Bun 放在后端，然后将它们与 Elysia 和 MongoDB 连接起来，形成快速便捷的技术栈，使开发 Web 应用程序变得轻而易举。
Bun 和 HTMX 是目前软件领域最有趣的两个事情。 Bun 是一个速度极快的一体化服务器端 JavaScript 平台，而 HTMX 是一种 HTML 扩展，用于创建简单而强大的界面。在本文中，我们将使用这两个出色的工具来开发一个全栈应用程序，该应用程序使用 MongoDB 进行数据存储，并使用 Elysia 作为其 HTTP 服务器。
技术栈
本文的重点是技术栈的四个主要组成部分如何相互作用。这四个组成部分分别是 Bun、HTMX、Elysia 和 MongoDB。这种架构提供了一个快速部署的设置，易于配置并且灵活变化。
- Bun 是一个 JavaScript 运行时、打包器、包管理器和测试运行器
- Elysia 是一个高性能 HTTP 服务器，基于 Bun 构建
- HTMX 提供了一种向 HTML 添加细粒度交互性的新颖方法
- MongoDB 是旗舰级 NoSQL 面向文档的数据存储
请注意，本文有两个部分。后续我们将合并 Pug、HTMX 模板引擎，用它来开发一些奇特的前端交互。
安装和设置
您需要安装 Bun.js，这很容易做到。我们还将在我们的开发机器上将 MongoDB 作为服务与 Bun 一起运行。安装这些软件包后，bun -v 和 mongod -version 命令都可以在命令行中运行。
接下来，让我们开始一个新项目：
bun create elysia iw-beh
这告诉 bun 使用 Elysia 模板创建一个新项目。 Bun 中的模板是使用 create 命令快速启动项目的便捷方法。Bun 可以像 Node.js 一样工作，无需任何配置。
现在，进入新目录 cd iw-beh，并按原样运行项目 bun run src/index.js。
最后一个命令告诉 bun 运行 src/index.js 文件。src/index.js 文件是启动 Elysia 服务器的代码：
import { Elysia } from "elysia";
const app = new Elysia()
.get("/", () => "Hello Elysia")
.listen(3000);
console.log(
`
标签：Web,const,Elysia,quote,HTMX,全栈,Bun,MongoDB
From： https://blog.csdn.net/ikxin/article/details/137397315