What is Gatsby Cloud?

Gatsby Cloud is a hosted cloud service provided by Gatsby for the GatsbyJS project. It supports Git Push automatic deployment. Frontend developers love GatsbyJS due to the the in depth integration of major Headless CMSs like Contentful, Cosmic, Dato CMS and extremely fast speed.


Comparison Chart Before and After Speed Increase

Left: the speed test results of the sites deployed on Gatsby Cloud; right The picture shows the speed test results after the speed increase. The color represents the feedback time of the website, green represents fast, and the closer to red, it means extremely slow or even inaccessible.
Left: the speed test results of the sites deployed on Gatsby Cloud; right The picture shows the speed test results after the speed increase. The color represents the feedback time of the website, green represents fast, and the closer to red, it means extremely slow or even inaccessible.

Left: the speed test results of the sites deployed on Gatsby Cloud; right The picture shows the speed test results after the speed increase. The color represents the feedback time of the website, green represents fast, and the closer to red, it means extremely slow or even inaccessible.

As you can tell, the access speed of the website deployed on Gatsby Cloud in China is very unsatisfactory and most areas are very slow (orange).

After speeding up with 21YunBox, the result has reached a usable level.


Source Code of the Test Project

We chose a Gatsby Starter as the test object. The default template was used, and no additional changes were made.


How to Improve Gatsby Cloud’s Access Speed in China?

If you build (package) the Gatsby project locally, you can store the packaged static web page in the storage space of a domestic cloud service provider, such as AWS China S3 or Alibaba Cloud’s OSS, basically guarantee the website The speed of access.

The disadvantages of deploying in the storage space are also very obvious: there are more initial configurations, if you want to make continuous deployment (Git push automatic packaging and deployment), you need more configuration.

If you want a hassle free and simple solution like Gatsby Cloud in China, you can host your Gatsby project with 21YunBox.


Process of Hosting Gatsby Project in 21YunBox

1. Signup on 21YunBox
2. Authorize 21YunBox to access the code repository you want to deploy
Sample image: Select the code repository to be deployed in 21YunBox
Sample image: Select the code repository to be deployed in 21YunBox
3. Configure Build command and Publish directory
Sample image: Configure Gatsby build (package) commands and release directory
Sample image: Configure Gatsby build (package) commands and release directory
4. Click “Deploy Now”

In seconds, your site is packaged and deployed online.

You can access your project at app_id.21cloudbox.com (app_id is created and defined).

For a step by step set-up process, please watch the example video below:
How to deploy Gatsby to a server? Example video


What else can 21YunBox Deploy?

Like a back-end application framework Python Django or PHP Laravel This is notoriously complicated to deploy. The 21YunBox also allows you to complete the package and go online to generate a unique second-level domain name in 3 or 4 minutes.

What about deploying a database in China? Yes, we can also simplify this process for you with a one-click to build database solution. Check out these PostgreSQL or MySQL examples (with videos).

What else? Want to know more? You can check out How to use 21YunBox