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.