Explore GatsbyJS to build dynamic static sites and apps. Gain insights into starters, themes, plugins, GraphQL data queries, styling, custom 404s, SEO, and cloud deployment.

tarball.tar.gz

gatsby_lark

gatsby_lark-with-draft-post

gatsby_lark-setting-up-lark

gatsby_lark-building-our-components-editor-1

gatsby_lark-copy-me

gatsby build

gatsby_build_with_draft

Gatsby is a React-based and GraphQL-powered static site generator. It delivers websites with excellent loading speed. It can be used to build diverse websites, including websites with static data—like portfolios and informative websites—and rich and dynamic web apps like blogs, e-commerce sites, and more. Gatsby fetches data at build-time from different sources and compiles it into static HTML, which can then be deployed to your favorite web server. 

In this course, you’ll learn about the basics of Gatsby, including the use of starters, themes, plugins, layouts, and pages. You’ll then learn how to query data with GraphQL and fetch data from various data sources. You’ll also see how to style Gatsby projects and add features such as custom 404 pages and SEOs. In the end, you’ll see how to deploy Gatsby websites on different cloud hosting platforms. 

This course enables new and existing frontend web developers to become masters in GatsbyJS and use this tool to create blazingly fast static web projects.

How to Gatsby: The Complete Course

# Introduction to the Gatsby CLI

This very useful tool is one that we’ll be using quite a lot. It performs many actions and functionality on Gatsby, including starting a new application, spinning up the local development server, and building our site for deployment.

The Gatsby command line interface (CLI) is an important tool for development using Gatsby.  Let’s look into a few useful commands and APIs it makes available to us.


## Confirming the installation

Let’s run the `gatsby -v` command in the terminal at the bottom of the page to confirm the installation of Gatsby. We should receive an output showing the installed Gatsby version. For example, `Gatsby CLI version: 4.8.0`.

# API and commands

The `gatsby` command should now be available to run other commands and APIs. To view all available commands, run `gatsby --help`. Some of these commands of importance include the following:

## The `gatsby new [site-name [starter]]` command

We use this command to create a new Gatsby project from scratch.

### Arguments:

- `site-name`: This is optional. It is the desired name of the site and is used in naming the directory where the project is located.

- `starter`: This is optional. A Gatsby starter is used to create the project. If not set, the `gatsby-starter-default` is used.

Get up to speed with the Gatsby CLI and its most common APIs.

Introduction to Course

Getting Started

Gatsby Basics

Data Sources

Fetching Data From Sources

Styling: Making Our Project Pretty

Features and Modifications

Deployment

Wrapping Up

Appendix

The Gatsby CLI

Introduction to the Gatsby CLI

Confirming the installation

API and commands