Other Frameworks
EdgeOne Pages provides high-quality support for a range of popular front-end frameworks, designed to optimize your website construction and operation experience. In most cases, you do not need any additional configuration to complete the deployment.
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 of deployable HTML files and resources generated after building. This directory is relative to the project directory, which is the root directory
(/) by default. Please ensure the specified output directory contains 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 support multiple rendering modes for full-stack frameworks such as Next.js, including SSR, ISR, and SSG. For usage methods, please 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 buildOutput directory:
buildUsage 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 buildOutput directory:
dist/angular/browserUsage 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 buildOutput directory:
publicUsage 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 generateOutput directory:
publicUsage 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 buildOutput directory:
distUsage 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 buildOutput directory:
build/clientUsage 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:
distUsage recommendations: Suitable for applications that require efficient rendering, focus on component performance.