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