• 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
  • KV Storage
  • Edge AI
  • API Token
  • EdgeOne CLI
  • Pages MCP
  • 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
    • 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 building 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 to output highly optimized static resources for production.
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 repository).
2. Import the project to EdgeOne Pages. If you have no Vite project, you can use Vite React Template.
3. EdgeOne Pages detects that you are using Vite and enables the appropriate correct configuration for your deployment.
4. Your application 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 application is deployed (example: vite-react.edgeone.app).
npm install -g edgeone
edgeone login
edgeone pages init
After successful deployment, click the Console URL to access building information and deployment URLs.



ai-agent
You can ask me like
How to Get Started with EdgeOne Pages?