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
  - TanStack Start
  - Vike
- 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 Gitlab CI/CD
- 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 to build user interfaces (UI), which consist of small units like buttons, text, and images. React helps you combine them into reusable, nestable components. From web pages to mobile apps, all content on the screen can be broken down into components. It is mainly used to build interactive UI components in Single Page Applications.
If you want to quickly experience 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 learning and configuring a large number of build tools. Real-time page refresh helps you focus on code development and basic framework learning. It optimizes your bundle automatically during deployment. The following content introduces how to use Create React App to build projects and deploy 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
Deploy Project
Git Deployment
You can submit your project to platforms such as GitHub and GitLab, and use our Git Deployment.
CLI Deployment
You can also install the scaffolding tool for Pages. For detailed installation and method of use, refer to EdgeOne CLI. Once configured, use the edgeone pages deploy command to deploy project. During deployment, the CLI will first auto-build the project, then upload and publish the build artifacts.
﻿

Creating a React App
Deploy Project
- Git Deployment
- CLI Deployment