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

Vite

Vite is a modern frontend build tool designed to significantly improve development experience and building efficiency. Its core architecture consists of two parts:
1. Development server: Based on Native ES modules, it offers feature-rich development support, including extremely fast module hot replacement (HMR).
2. Build command: Pack based on Rollup, output highly optimized static resources suitable for production environment.
The following will introduce how to use the Vite framework to deploy a static website to EdgeOne Pages.
Deploying a Static Website
Deploying with Git
1. Push your code to a remote repository (GitHub, Gitee, Coding).
2. Import the project to EdgeOne Pages. If you have no Vite project, you can use Vite React Template.
3. EdgeOne Pages will detect you are using Vite and enable the appropriate configured correctly deploy.
4. Your app is deployed (example: vite-react.edgeone.app).
﻿
After your project is imported and deployed, all submissions to the designated production branch (defaults to "main") will automatically trigger a new deployment. View Git integration to learn more.
CLI Deployment
1. Install EdgeOne CLI and initialize.
2. Run edgeone pages deploy -n <project name> to deploy.
3. Your app is deployed (example: vite-react.edgeone.app).
npm install -g edgeone
edgeone login
edgeone pages deploy -n vite-react-demo
After successful deployment, click the Console URLs to access specific building information and URLs after deployment.
﻿
﻿
﻿

Deploying a Static Website
- Deploying with Git
- CLI Deployment