How to use webify to quickly build Nuxt applications

Webify is a one-stop hosting service product launched by the cloud development team. This is a cloud development and deployment platform designed for web developers to help developers quickly develop, preview, and deploy their own web applications. Github and other third-party code hosting platforms import applications to provide front-end developers with an excellent service experience.

Application scenario

static website: Web application hosting not only supports hosting various resources of static websites, but also adapts to popular open source frameworks in the open source community.

single page application: The web application hosting provides custom routing capabilities, supports SPA type configuration, and eliminates the trouble of configuring the server.

Server-side rendering (SSR) application: Web application hosting is adapted to many open source SSR frameworks.

back-end web service: web application hosting provides cloud hosting and cloud function computing capabilities to meet the needs of various types of back-end web services.

Template creation

Address: https://cloud.tencent.com/product/webify

First enter the web application hosting platform, click "New Application", select Create from template, select Nuxt.js

Select the Git platform, and fill in the warehouse name, click "Next"

Fill in the application name, select the framework default (you can also fill in your own custom), and click "Deploy Application"

You can see that the application is being built and deployed

The CND configuration will be issued when the application is created for the first time, and it will take 3-5 minutes to take effect

Click the link in the application, you can find our application can be accessed!

Develop application

After entering our GitHub repository, you can find that webify has automatically created a code repository for us when creating the application

git clone <romote-URL> //克隆仓库到本地
cd <workplace-dir> //进入项目目录
npm i //安装相关依赖

After the project is cloned locally, it can be developed. After the modification is completed, submit it to the remote Git repository, which will trigger the automatic construction and deployment of Webify.

git commit -m "change index.vue"
git push

You can see that our changes take effect.

Precautions

Sometimes after the code is submitted and the construction is completed, the page is not changed, because it takes some time for the CDN to take effect. You can update the application page after a while.

For details, please refer to the one-click deployment document: https://webify.cloudbase.net/docs/guides/deploy-button

Webify official website: https://webify.cloudbase.net/