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
Docs Overview/
Edge Developer Platform/
Pages/
Framework Guide/
Frontends/
Other Frameworks/

Other Frameworks

EdgeOne Makers provides premium support for a range of popular frontend frameworks, aiming to optimize your website building and runtime experience. In most cases, deployment can be completed without any additional configuration.
Docusaurus
Angular
Hexo



Learn about the build command and output directory so that the deployment can proceed smoothly.
Build command: This is the command to be executed during project building, such as npm run build. The build command will run in the Bash shell and use Bash-compatible syntax.
Output directory: The directory for deployable HTML files and resources generated after building. This directory is relative to the project directory, which is the root directory (/) by default. Ensure that the specified output directory contains all necessary files so that Ma can deploy smoothly.
Next, we will show the basic configuration for each framework to help you deploy quickly on Makers.
Note:
Makers fully supports multiple rendering modes for full-stack frameworks such as Next.js, including SSR, ISR, and SSG. For specific usage, refer to Next.js.

Docusaurus

Features: Docusaurus is a framework that focuses on documentation websites, provided with good default style and features.
Default build settings are as follows:
Build command: npm run build
Output directory: build
Usage Recommendations: Suitable for building technical documentation and blogs. Use Markdown format to write content.

Angular

Characteristics: Angular is a powerful front-end framework suitable for building large enterprise-level applications.
Default build settings are as follows:
Build command: npm run build
Output directory: dist/angular/browser
Usage Recommendations: Use Angular CLI to create project and follow best practice.

Gatsby

Characteristics: Gatsby is a static site generator based on React, focusing on performance and SEO.
Default build settings are as follows:
Build command: npm run build
Output directory: public
Usage recommendations: Leverage the plugin ecosystem to enhance site functionality.

Hexo

Characteristics: Hexo is a fast and simple blog framework based on Node.js.
Default build settings are as follows:
Build command: hexo generate
Output directory: public
Usage recommendations: Use themes and plug-ins to customize blog appearance and features.

Qwik

Characteristics: Qwik is an emerging framework that focuses on performance and loading speed.
Default build settings are as follows:
Build command: npm run build
Output directory: dist
Usage recommendations: Suitable for applications that require high performance, follow user experience.

Remix

Features: Remix is a modern React framework that supports server-side rendering and data access.
Default build settings are as follows:
Build command: npm run build
Output directory: build/client
Usage recommendations: Leverage Remix's data loading function to optimize page performance.

Solid

Characteristics: Solid is a high-performance front-end framework that focuses on reactive programming.
Default build settings are as follows:
Build command: npm run build
Output directory: dist
Usage recommendations: Suitable for applications that require efficient rendering, focus on component performance.