Preact
Preact是一个流行的开源框架，用于构建现代网络应用程序。Preact 也可用作 React 的轻量级替代品，因为两者共享相同的 API 和组件模型。
在本指南中，你将创建一个新的 Preact 应用程序，并使用 Cloudflare Pages 进行部署。
你将使用 Preact 团队开发的一体化开发工具
wmr，快速生成优化的网络应用程序。
设置新项目
在终端中运行
npm init 命令创建一个新项目，并为其命名：
在你继续之前
所有框架指南都假定你已经对 Git 有了基本了解。如果你是 Git 的新手，请参考这本 Git 手册摘要，了解如何在本地机器上设置 Git。
如果使用 SSH 克隆，则必须在每台用于从 GitHub 推送或拉取的计算机上 生成 SSH 密钥。
创建 GitHub 仓库
访问 repo.new，创建一个新的 GitHub 仓库。创建新仓库后，进入新创建的项目目录，准备并在终端运行以下命令将本地应用程序推送到 GitHub：
使用 Cloudflare 页面部署
将网站部署到页面：
- 登录 Cloudflare 仪表板 并选择你的账户。
- 在账户主页，选择 工作者和页面> 创建应用程序> 页面> 连接到 Git。
如果你尚未授权访问你的 GitHub 帐户，系统将要求你进行授权。Cloudflare 需要这样才能从源代码监控和部署你的项目。如果你愿意，可以缩小对特定版本库的访问范围；但是，当你要向 Cloudflare 页面添加更多版本库时，必须手动更新此列表 在你的 GitHub 设置中。
选择你创建的新 GitHub 仓库，并在设置构建和部署部分提供以下信息：
| Configuration option | Value |
|---|---|
| Production branch | main |
| Build command | npm run build |
| Build directory | dist |
你可以选择自定义项目名称字段。它默认为 GitHub 仓库的名称，但不必与之匹配。项目名称**值将被指定为*.pages.dev子域。
完成配置后，选择保存并部署。
你将看到第一个部署管道正在进行中。页面会安装所有依赖项，并按指定方式构建项目。
部署网站后，你将在 *.pages.dev上收到一个唯一的项目子域。
Cloudflare Pages 会自动重建你的项目，并在每次推送新提交时进行部署。
此外，你还可以访问 预览部署，它可以重复拉取请求的构建和部署过程。有了它们，你就可以在将项目中的更改部署到生产环境之前，用一个真实的 URL 进行预览。
了解更多
完成本指南后，你已成功将 Preact 网站部署到 Cloudflare Pages。要开始使用其他框架，请参阅框架指南列表