产品简介
快速开始
- 导入 Git 仓库
- 从模板开始
- 直接上传
- 从 AI 开始
框架指南
- 前端
  - Vite
  - React
  - Vue
  - 其他框架
- 后端
- 全栈
  - Next.js
  - Nuxt
  - Astro
  - React Router
  - SvelteKit
  - TanStack Start
  - Vike
- 自定义 404 页面
项目指南
- 项目管理
- edgeone.json
- 缓存配置
- 错误码
构建指南
部署指南
- 概览
- 触发部署
- 管理部署
- 部署按钮
- 使用 Github Action
- 使用 Gitlab CI/CD
- 使用 CNB 插件
- 使用 IDE 插件
- 使用 CodeBuddy IDE
域名管理
- 概览
- 自定义域名
- 配置 HTTPS 证书
  - 概览
  - 申请免费证书
  - 使用 SSL 托管证书
- 配置 DNS 的 CNAME 记录
可观测性
- 概览
- 指标分析
- 日志分析
Pages Functions
- 概览
- Edge Functions
- Cloud Functions
  - 概览
  - Node Functions
中间件
KV 存储
边缘 AI
API Token
EdgeOne CLI
Pages MCP
消息通知
集成指南
- AI
  - 对话型大模型集成
  - 图片大模型集成
- 数据库
  - Supabase 集成
  - Pages KV 集成
- 电商
  - Shopify 集成
  - WooCommerce 集成
- 支付
  - Stripe 集成
  - Paddle 集成
- CMS
  - WordPress 集成
  - Contentful 集成
  - Sanity 集成
  - Payload 集成
- 身份验证
  - Supabase 集成
  - Clerk 集成
最佳实践
- 使用通用大模型快速搭建 AI 应用
- 使用边缘 AI 模型快速搭建对话型 AI 站点
- 使用 Shopify 搭建电商平台
- 使用 Supabase 和 Stripe 搭建 SaaS 站点
- 如何快速搭建公司品牌站点
- 如何快速搭建博客站点
迁移指南
- 从 Vercel 迁移至 EdgeOne Pages
- 从 Cloudflare Pages 迁移至 EdgeOne Pages
- 从 Netlify 迁移至 EdgeOne Pages
排障指南
常见问题
联系我们
产品动态

React

﻿React 是一个用于构建用户界面（UI）的 JavaScript 库，用户界面由按钮、文本和图像等小单元内容构建而成。React 帮助你把它们组合成可重用、可嵌套的 组件。从 web 端网站到移动端应用，屏幕上的所有内容都可以被分解成组件。它主要用于构建单页面应用（SPA）中的交互式 UI 组件。
如果您想快速体验 React，这里是一些基于 React 部署的模板：
﻿React.js Boilerplate﻿
﻿Vite React﻿
﻿React ESR template﻿
您还可以使用 Create React App 构建 React 项目，无需学习和配置大量构建工具。实时页面刷新能让你更专注于代码开发和框架基础学习。部署时，自动优化您的 bundle。以下内容将介绍如何使用 Create React App 构建项目并部署到 EdgeOne Pages。
创建 React 应用
Create React App 是官方支持的 React 应用创建方式，零配置，适合快速上手。
1. 确保已安装 Node.js（建议版本 ≥ 18）。
2. 在终端运行：
npx create-react-app my-react-app
3. 进入项目并启动：
cd my-react-app
npm start
部署项目
Git 部署
您可以将项目提交到 GitHub，GitLab 等平台，然后使用我们的Git 部署。
CLI 部署
也可以安装 Pages 的脚手架工具，详细安装和使用方法请参考 EdgeOne CLI。配置完成后，使用edgeone pages deploy 命令部署项目。在部署过程中，CLI 会先自动构建项目，然后将构建产物上传并发布。
﻿

创建 React 应用
部署项目
- Git 部署
- CLI 部署