Tutorial series

How To Create Static Web Sites with Gatsby.js

How To Create Static Web Sites with Gatsby.js

Introduction

Gatsby is a React framework that allows you to create static and serverless apps. Gatsby websites are different from traditional websites because they are usually deployed on a content delivery network (CDN) and are content agnostic. In this tutorial, you will learn the basics of creating a site with Gatsby, allowing you to create static sites that are optimized for your users.

Tutorials in series

Tutorial

How To Set Up Your First Gatsby Website

Tutorial

How To Deploy a Gatsby Application to DigitalOcean App Platform

Tutorial

How To Boost SEO Using Gatsby's SEO Component and Gatsby React Helmet

Tutorial

How To Use WordPress Content with a Gatsby.js Application

Tutorial

How To Convert a Gatsby Site to a Progressive Web App

Tutorial

How To Generate Pages from Markdown in Gatsby

Tutorial

How To Create a Custom Source Plugin in Gatsby

Tutorial

How To Use Themes in Gatsby

Tutorial

How To Use Static Files in Gatsby

Become a contributor for community

Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

DigitalOcean Documentation

Full documentation for every DigitalOcean product.

Resources for startups and SMBs

The Wave has everything you need to know about building a business, from raising funding to marketing your product.

Get our newsletter

Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.

New accounts only. By submitting your email you agree to our Privacy Policy

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

Get started for free

Sign up and get $200 in credit for your first 60 days with DigitalOcean.*

*This promotional offer applies to new accounts only.