Edge Developer Platform

Pages
- 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

Vue

Vue.js is a progressive JavaScript framework to build user interfaces. It uses declarative rendering and component-based development mode, with efficient updates through responsive data binding and virtual DOM. The Vue core library focuses on the view layer and allows for easy integration. Its design balances flexibility and engineering, supporting two coding styles: Options API and Composition API, suitable for diverse scenarios from light interaction to large single-page applications.
If you want to quickly experience Vue, here are some templates based on Vue deployment:
Vue.js Boilerplate
Vitepress Template
Vite Vue3
You can also use npm create vue@latest my-vue-app to build a Vue project. The created project will use a build configuration based on Vite. The following section describes how to build and deploy the project to Ed using commands.
Creating a Vue Application
We use Vite officially recommended by Vue. Once created, the project starts up and updates fast with simple and intuitive configuration.
1. Ensure ^20.19.0 || >=22.12.0  version of Node.js is installed.
2. Run in the terminal:
npm create vue@latest my-vue-app
3. Select the required feature based on interactive prompts.
﻿
4. Enter the project and start up.
cd my-vue-app
npm install
npm run dev
Deploy a Project
Deploying Git
You can submit the project to platforms such as GitHub and GitLab, and use our Git deployment.
Deploying CLI
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 Vue Application
Deploy a Project
- Deploying Git
- Deploying CLI