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

Other Frameworks

EdgeOne Pages provides high-quality support for a range of popular front-end frameworks, optimizing your website construction and operation experience. In most cases, no additional configuration is needed to complete the deployment.




Learn about the build command and output directory to understand related concepts for smooth deployment.

Build command: This is the command to be executed during project build, such as npm run build. The build command will run in Bash shell and use Bash-compatible syntax.
Output directory: The directory containing deployable HTML files and resources post-generation. This directory is relative to the project directory, which is the root directory (/) by default. Please ensure the designated output directory includes all necessary files so that Pages can enable smooth deployment.

Next, we will show the basic configuration of each framework to help you quickly deploy on Pages.

Note:
Pages fully supports multiple rendering modes for full-stack frameworks like Next.js, including SSR, ISR, and SSG. For usage methods, see the framework guide - Full Stack.


Docusaurus

Characteristics: Docusaurus is a framework that focuses on documentation websites, providing 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, write content in Markdown format.


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 a project and follow best practices.


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 various plugin ecosystem to enhance site functionality.


Hexo

Characteristics: Hexo is a fast, concise 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 ultimate performance and fast loading.

Default build settings are as follows:
Build command: npm run build
Output directory: dist

Usage Recommendations: Suitable for applications requiring 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 requiring efficient rendering, focus on component performance.