DEV Community

Cover image for How to Quickly Deploy Your Angular/React/Vue Website for Free Using EdgeOne Pages
mpoiiii
mpoiiii

Posted on

How to Quickly Deploy Your Angular/React/Vue Website for Free Using EdgeOne Pages

What is Edgeone Pages?

To empower developers, accelerate enterprise releases, and inspire individual creators, Tencent EdgeOne has created a free static website deployment platform called Pages.

With Pages, you can deploy your website with one click by linking your GitHub account. We provide an automated build process, seamlessly updating your live site whenever your code is updated.

Why Choose Edgeone Pages?

We leverage a vast network of edge nodes and CDN servers worldwide to provide a website deployment platform. This platform offers comprehensive business support, including custom domain names, edge acceleration, DDoS protection, and one-click SSL deployment.

You can find all the features you need within the platform, avoiding the need for cross-platform operations. To help you quickly achieve comprehensive deployment, we offer numerous one-click integrations, saving you significant time and effort.

Globally, we offer over 3,200 CDN PoPs, 200 Tbps bandwidth, 3-second DDoS mitigation, and more than 20 customizable security features.

Deploying static websites with Edgeone is very simple: just hand over your GitHub repository to us, and we will automatically deploy and automate updates based on your pushes.

Benefits of Joining Edgeone Pages

  1. Unlimited Free Plan: We offer a free plan that grants you unlimited access to all features, ensuring the stability and availability of your web applications. Our platform keeps you informed of any changes, and we will gradually introduce advanced features and value-added services without interrupting your service.

  2. Limited-time Free Experience for Website Acceleration and Advanced Security: For a limited time, we offer free access to various advanced features. Our platform leverages Tencent EdgeOne's fast access speeds and global edge node network for fast web application deployment. We also provide robust protection against malicious requests and attacks, ensuring your business's security and performance.

Deployment Steps

If you encounter any issues while following the tutorial for deployment, please feel free to contact us. Our patient and professional team is here to help you overcome any difficulties

The deployment process on Edgeone Pages is as follows:

The deployment process on Edgeone Pages
Step 1: Log in and register. You can quickly register using your Gmail account.

Step 2: Click Get Started on the official website.

Get Started
Step 3: After clicking, you will enter the console page. On the console page, click Bind GitHub to link your code repository.

Bind GitHub
Step 4: Authorize GitHub to allow Edgeone to pull your repository code.

Authorize GitHub
Step 5: Select the repository you want to deploy or authorize all repositories.

Select the repository
The following indicates successful authorization:

successful authorization
Step 6: Click on the repository you want to deploy.

Click on the repository you want to deploy
Step 7: Enter your code's Build Command. If unsure, check the build value in the scripts field in the package.json file.

enter Build Command
Step 8: Click Start Deployment.

Click Start Deployment
The following screen indicates a successful deployment!

indicates a successful deployment
When new commits are pushed to the deployment branch, Edgeone will automatically pull and deploy the latest changes.

automatically pull and deploy the latest changes
Handling Unexpected Situations:

If the deployed version differs from your repository or changes are not reflected, check if the code repository is the latest version.

check if the code repository is the latest version
For any issues, please contact us. We have a large and professional team to help you resolve problems. Click the feedback button in the lower right corner:

contact us

How to Improve Deployment Success Rate?

We currently offer most mainstream front-end templates. You can use our templates for development and then deploy.

Specifically, after completing GitHub authorization in Step 4, select a template.

select a template
Here, you need to set the type for the new template repository. Then click create to start creating on GitHub.

Then click create to start creating on GitHub
We will create the repository on GitHub based on your selected template. You only need to execute git clone address on your local machine, then develop and push. Start deployment from Step 5 above.

Future Development Plans

Technological Innovation: Continuously introduce cutting-edge technologies such as edge computing and serverless architecture to improve website performance and user experience.

Ecosystem Building: Build a rich ecosystem of plugins and extensions, supporting various front-end frameworks and tools to meet different user needs.

Global Deployment: Deploy edge nodes globally to provide high-speed, reliable content distribution services, ensuring users enjoy a high-quality access experience anywhere.

Security Assurance: Enhance security measures, offering SSL certificates, DDoS protection, WAF, and other multi-layered security services to protect websites and user data.

User Support: Provide professional technical support and customer service to help users resolve issues and optimize their experience.

Click to experience our features and give you a different experience!

Top comments (1)

Collapse
 
x_li_b5bdafb2dc7eaa193bd3 profile image
x li

Amz~!Great tutorial that helps my webpage rotate!