Product Introduction
Quick Start
- Agent Development
- Importing a Git Repository
- Starting From a Template
- Direct Upload
- Start with AI
Framework Guide
- Agent
- Frontends
  - Vite
  - React
  - Vue
  - Hugo
  - 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
- Building Output Configuration
- 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
Functions
- Overview
- Edge Functions
- Cloud Functions
  - Overview
  - Node.js
  - Python
  - Go
Agents
- Overview
- Quick Start
- Conversation Storage
- Observability
- Sandbox Tool
  - Overview
  - Using the Agent Framework
  - Sandbox Atomic API
  - Network Search Tool
- Agent Authentication
Models
- Overview
- Models and Vendors
  - Overview
  - Using Vendor Keys
    - OpenAI
    - Anthropic
    - Google AI Studio
    - DeepSeek
    - MiniMax
    - Hunyuan
    - Zhipu
    - MoonShot AI
- FAQs
Storage
- Overview
- KV
- Blob
Middleware
AI-Native Development
- Skills
- MCP
Copilot
- Overview
- Quick Start
API Token
EdgeOne CLI
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
- Adding an AI Chat Assistant to a Website
- AI Dialogue Deployment: Deploy Project with One Sentence Using Skill
- 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 Makers
- Migrating from Cloudflare Pages to EdgeOne Makers
- Migrating from Netlify to EdgeOne Makers
Troubleshooting
FAQs
Limits
Pricing
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 numerous build tools. Live page reloading allows you to focus more on code development and framework fundamentals. During deployment, your bundle is automatically optimized. The following section describes how to build a project using Create React App and deploy it to EdgeOne Makers.
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 Makers scaffolding tool. For detailed installation and usage instructions, see EdgeOne CLI. After configuration, use the edgeone makers deploy command to deploy the project. During deployment, the CLI first automatically builds the project, then uploads and publishes the build artifacts.
﻿

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