Gatsby.js

GatsbyJS is a React-based, GraphQL powered, static site generator. What does that even mean? Well, it weaves together the best parts of React, webpack, react-router, GraphQL, and other front-end tools in to one very enjoyable developer experience. Don’t get hung up on the moniker ‘static site generator’. That term has been around for a while, but Gatsby is far more like a modern front-end framework than a static site generator of old.

It uses powerful preconfiguration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server-side rendering, intelligent image loading, asset optimization, and data prefetching.

Currently www.wlion.com was built using Gatsby.js

We recommend reading the Gatsby documentation and becoming familiar with its many features.

Troubleshooting

Cleaning the Cache

When in doubt clear your .cache folder by running the following command in the gatsby repo:

gatsby clean

or simply deleting the .cache folder.

This is beneficial when you might be working with different Headless CMS environments.

Read your Build Logs

The build logs contains invaluable information when trouble shooting. Practice discerning these warning and fatal errors will improve handling deployments in Netlify as well.