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
- Domain Management
  - Overview
  - Custom Domain
  - HTTPS Configuration
    - Overview
    - Apply for Free Certificate
    - Using Managed SSL Certificate
  - Configure DNS CNAME Record
- 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
Makers for Platforms
- Platform and Multi-Tenancy
- Vibe Coding Solution
- Template Example
  - Vibe Coding General Template
  - Vibe Coding Platform Template
Observability
- Overview
- Metric Analysis
- Log Analysis
Functions
- Overview
- Edge Functions
- Cloud Functions
  - Overview
  - Node.js
  - Python
  - Go
Agents
- Overview
- Quick Start
- Conversation Management
- Observability
- Sandbox Tool
  - Overview
  - Using the Agent Framework
  - Sandbox Atomic API
  - Network Search Tool
- Agent Authentication
Models
- Overview
- Models and Vendors
  - Overview
  - Using the Zhuque Model
  - Using the Jev Model
  - 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
- Plugin
Copilot
- Overview
- Quick Start
API Token
EdgeOne CLI
Makers SDK
- Overview
- Examples
  - Creating a Deployment
  - Deploying via the CLI
  - Project Management
- Projects
  - Project Operations
  - Environment Variable
- Deployment
Message Notification
Integration Guide
- AI
  - Makers 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
- IM
  - Overview
  - WeCom
  - Feishu
  - DingTalk
  - Telegram
  - slack
  - Discord
Best Practices
- Adding an AI Chat Assistant to a Website
- AI Dialogue Deployment: Deploy Project with One Sentence Using Skill
- Building Agent Applications Quickly with Makers Agents
- 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
- Quick Launch via Login-Free Deployment in WorkBuddy
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

Vibe Coding General Template

Vibe Coding Universal Template is built on the Claude Agent SDK and TypeScript. It is suitable for scenarios that require quickly generating SPA and SSG Web applications from natural language. It performs file writing, dependency installation, and live preview in an isolated sandbox, and the Agent runtime deploys the generated project to the Makers platform through the SDK.
Overall Architecture
﻿
Quick Start
1. Create and obtain an API Token.
2. Use the sample template below to quickly try it out and deploy with one click.
﻿
3. On the deployment configuration page, enter the API_TOKEN environment variable.
4. Click Deploy and wait for Makers to complete the build and generate an access URL.
Core Capabilities
Starting Sandbox Preview
Call the sandbox getHost(9000) to obtain the public host, and then append envdAccessToken as access_token to the link to get the sandbox preview URL.
const workspace = createMakersWorkspacePort(context);
  const previewHost = await workspace.getHost?.(PREVIEW_PUBLIC_PORT);
  const accessToken = workspace.accessToken;
  const browserLiveUrl = workspace.browserLiveUrl;
﻿
  return {
    previewUrl: resolvePreviewUrl({
      previewHost,
      accessToken,
      browserLiveUrl,
      pathPrefix: PREVIEW_PATH_PREFIX,
    }),
  };
Integrating Makers SDK for Deployment
The Agent runtime uses the API_TOKEN to call the Makers SDK, uploads the deployment package, and triggers the build and deployment.
const deployment = await makers.deployments.deploy({
   projectId,
   artifact: { archive: tmpZip },
   wait: true,
   onStatusChange: (event) => {
      options.onStage('deploying', event.deployment.status);
   },
});
For the detailed deployment integration process, see Makers SDK.
Local Debugging and Deployment
Starting Local Development and Debugging
1. Go to the project root directory and install EdgeOne CLI:
npm install -g edgeone
2. Log in to EdgeOne and associate the Makers project that you want to debug:
edgeone login
edgeone makers link
After the project is associated, the API_TOKEN configured in the console and the API Key required to call Models are automatically synchronized to the local environment.
3. Start the Makers local development environment:
edgeone makers dev
After a successful startup, visit http://localhost:8088/ to open the application. Visit http://localhost:8088/agent-metrics to view detailed trace information for Agent calls.
Deploying the Project
If the project is associated with a Git repository, pushing code triggers the CI build and deployment of Makers. You can also deploy directly through the CLI:
# Deploy to Production
edgeone makers deploy -n <project name>
After a successful deployment, click the link in the Console to access the build details and the deployed URL.

Overall Architecture
Quick Start
Core Capabilities
- Starting Sandbox Preview
- Integrating Makers SDK for Deployment
Local Debugging and Deployment
- Starting Local Development and Debugging
- Deploying the Project