Overview
EdgeOne Pages supports popular front-end frameworks to optimize your website building and functioning experience. In most cases, no additional configuration is needed to complete the deployment.
| | |
Learn about the build command and output directory so that the deployment can make smooth progress.
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 containing deployable HTML files and resources generated after building. This directory is relative to the project directory, which by default is the root directory
(/). Please ensure the specified output directory includes all necessary files so that Pages can deploy smoothly.
Next, we will show the basic configuration of each framework to help you quickly deploy on Pages.
Note:
Pages fully supports multiple rendering modes of full-stack frameworks such as Next.js, including SSR, ISR, and SSG. For usage, see the framework guide - Full Stack.
React.js
Characteristics: React.js is a JavaScript library to build user interfaces, suitable for building SPAs and complex user interfaces.
Default build settings are as follows:
Build command:
npm run buildOutput directory:
build
Usage Recommendations: Underwrite all dependencies are installed before build and use npm start to develop locally.
Vue.js
Characteristics: Vue.js is a progressive framework, easy to use and suitable for rapid development and prototype design.
Default build settings are as follows:
Build command:
npm run buildOutput directory:
dist
Usage recommendations: Use Vue CLI to create a project with automatic configuration of build settings.
Docusaurus
Features: Docusaurus is a framework that focuses on documentation websites, providing good default styles 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
Features: 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 project and adhere to 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:
public
Usage Recommendations: Leverage the rich plugin ecosystem to enhance site functionality.
Hexo
Features: Hexo is a fast and 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, focus on user experience.
Remix
Characteristics: 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
Features: 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.
