Product Introduction
Quick Start
- Importing a Git Repository
- Starting From a Template
- Direct Upload
- Start with AI
Framework Guide
- Frontends
  - Vite
  - React
  - Vue
  - Other Frameworks
- Backends
- Full-stack
  - Next.js
  - Nuxt
  - Astro
  - React Router
  - SvelteKit
- Custom 404 Page
Project Guide
- Project Management
- edgeone.json
- Configuring Cache
- Error Codes
Build Guide
Deployment Guide
- Overview
- Create Deploys
- Manage Deploys
- Deploy Button
- Using Github Actions
- Using CNB Plugin
- Using IDE PlugIn
- Using CodeBuddy IDE
Domain Management
- Overview
- Custom Domain
- HTTPS Configuration
  - Overview
  - Apply for Free Certificate
  - Using Managed SSL Certificate
- Configure DNS CNAME Record
Observability
- Overview
- Metric Analysis
- Log Analysis
Pages Functions
- Overview
- Edge Functions
- Cloud Functions
  - Overview
  - Node Functions
Middleware
KV Storage
Edge AI
API Token
EdgeOne CLI
Pages MCP
Message Notification
Integration Guide
- AI
  - Dialogue Large Models Integration
  - Large Models for Images Integration
- Database
  - Supabase Integration
  - Pages KV Integration
- Ecommerce
  - Shopify Integration
  - WooCommerce Integration
- Payment
  - Stripe Integration
  - Integrating Paddle
- CMS
  - WordPress Integration
  - Contentful Integration
  - Sanity Integration
  - Payload Integration
- Authentication
  - Supabase Integration
  - Clerk Integration
Best Practices
- Using General Large Model to Quickly Build AI Application
- Use the DeepSeek model to quickly build a conversational AI site
- Building an Ecommerce Platform with Shopify
- Building a SaaS Site Using Supabase and Stripe
- Building a Company Brand Site Quickly
- How to Quickly Build a Blog Site
Migration Guides
- Migrating from Vercel to EdgeOne Pages
- Migrating from Cloudflare Pages to EdgeOne Pages
- Migrating from Netlify to EdgeOne Pages
Troubleshooting
FAQs
Contact Us
Release Notes

React

﻿React is a JavaScript library for building user interfaces (UI), which consist of small units like buttons, text, and images. React helps you combine them into reusable, nestable components. Everything on the screen, from web pages to mobile applications, can be broken down into components. It is primarily used to build interactive UI components for Single Page Applications (SPA).
﻿
If you want to quickly try React, here are some templates based on React deployment:
﻿React.js Boilerplate﻿
﻿Vite React﻿
﻿React ESR template﻿
﻿
You can also use Create React App to build React projects without the need to learn and configure a large number of build tools. Real-time page refresh lets you focus on code development and framework basics. During deployment, it automatically optimizes your bundle. The following content will introduce how to use Create React App to build a project and deploy it to EdgeOne Pages.
Creating a React App
Create React App is an officially supported React application creation method with zero configuration, suitable for quick start.
1. Ensure Node.js is installed (recommended version ≥ 18).
2. Run in the terminal:
npx create-react-app my-react-app
3. Enter the project and start up:
cd my-react-app
npm start
﻿
Deploying a Project
Deploying with Git
You can submit the project to platforms such as GitHub or GitLab, and use our Git deployment.
Deploying with CLI
You can also install the scaffolding tool for Pages. For detailed installation and usage, refer to EdgeOne CLI. Once configured, use the edgeone pages deploy command to deploy the project. During deployment, the CLI will first auto-build the project, then upload and publish the build artifacts.
﻿
﻿

Creating a React App
Deploying a Project
- Deploying with Git
- Deploying with CLI