Deploying to Gatsby Cloud Hosting – Gatsby

This tutorial will show you how to deploy your site to Gatsby Cloud Hosting.

Prerequisites

This tutorial assumes you have already set up a Gatsby Cloud site.

Make sure you install gatsby-plugin-gatsby-cloud to your Gatsby project.

npm install gatsby-plugin-gatsby-cloud

Then add it to your gatsby-config.js

module.exports = {
    plugins: [`gatsby-plugin-gatsby-cloud`]
}

1. Turn on Gatsby Hosting

Navigate to Site Settings Hosting then click, turn on.

This will trigger a new Production Build for your site. When that Production Build completes, your site will be ready to view.

Default Domain

You will receive a default domain for your site base: YOUR_SITE_PREFIX.gatsbyjs.io. This domain has HTTPS on by default. Visit the https:// URL to see your hosted site.

First Deploy

Before your first Production Build after turning on Gatsby Hosting completes, you will see the following when you visit your default domain.

Changing Your Default Domain

You can update your default domain by changing the site prefix of your Gatsby site in the General tab of Site Settings.

Other Considerations

Checkout these guides for Adding a Custom Domain or Adding a Custom SSL Certificate.