Deploy a Gatsby Static Site

You can deploy a Gatsby static site on Render in under a minute. Your site is served over a lightning-fast global CDN, comes with fully managed SSL certificates from Let’s Encrypt, and supports custom domains out of the box. Best of all, it’s free!

The sample app in this guide is based on Gatsby’s official default starter.

  1. Use your existing Gatsby repository, or fork our sample Gatsby repo on GitHub or GitLab.
  2. Create a new Web Service on Render, and give Render permission to access your new repo.
  3. Use the following values during creation:

    EnvironmentStatic Site
    Build Commandgatsby build
    Publish Directorypublic

That’s it! Your app will be live on your Render URL as soon as the build finishes.

A note on Node versions

By default, Render uses the latest LTS version of Node.

It can also automatically detect and install the version of Node specified in the engines directive in package.json. This can be an exact version like 10.11.0 or a range like >=10.11 <10.12.

This is the relevant snippet from package.json in this repo:

  "engines": {
    "node": ">=10 <11"