What is Vercel?

Vercel (previously called Zeit or now.sh) is a cloud platform that provides static site hosting. It has build-in CI/CD feature which pulls your project’s code from Github and build and deploy it live.


Speed test results of websites deployed with Vercel and 21YunBox in China


Left: results of the test site deployed with Vercel; Right: results of the same site deployed with 21YunBox.
Left: results of the test site deployed with Vercel; Right: results of the same site deployed with 21YunBox.

Left: results of the test site deployed with Vercel; Right: results of the same site deployed with 21YunBox.

The color results means: green being faster, and red being extremely slow or even inaccessible. As you can see, the site deployed with Vercel in China performs much slower than 21YunBox.


The project’s source code

Here is the source code we used for above tests. We chose a starter from the Hexo blogging framework.


How to Improve the Access Speed of Vercel in China?

There are many static stroage providers in China, such as AWS China S3 or Aliyun OSS, which basically guarantees you to have some speed improvement.

The disadvantages of deploying in these storage providers are obvious: there are some upfront configurations, if you want to utilize continuous integration (CI) and continuous deployment (Git push automatic build and deploy), you wil need more configuration.

If you want a hassle free, CI/CD build-in service, Vercel gives you the agibility outside of China, however, it doesn’t work in China, and 21YunBox is the alternative of Vercel in China. See below steps and screencast to show how it works in action.


Steps to Improve Access Speed of Vercel

  1. Signup on 21YunBox
  2. Authorize 21YunBox to access the code repository you want to deploy
  3. Use the following values during creation
Runtime Static Site
Build command yarn && hexo deploy
Publish directory ./public

4. Click “Create”

In seconds, your site is builded and deployed live. You can access your project at app_id.21cloudbox.com (app_id is the subodmain you defined during the creation process).


Step-by-step screencast to show above steps in action

How to deploy Hexo to a server in action