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
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
3. Configure Build command and Publish directory
4. Click “Deploy Now”
In seconds, your site is packaged and deployed online.
You can access your project at
app_id is created and defined).
For a step by step set-up process, please watch the example video below:
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 else? Want to know more? You can check out How to use 21YunBox