Gatsby is meant to ease React projects.
It’s above all a great ecosystem of free plugins and themes you can use to speed up your development.
There are literally hundreds of plugins you can add to make the experience even better and save a lot of time during development. The idea is to prevent reinventing the wheel.
While some plugins are nearly required* e.g gatsby manifest, gatsby offline, gatsby image, etc, there are less known plugins which are pretty cool.
* actually you do not have to use them but they are major
Indeed feel free to disagree with me. I hope it’s useful.
This plugin provides a nice scroll indicator and options to customize it. You can even exclude some paths (with regex too) e.g your contact page.
Optimize your styles by removing unused css. It supports a lot of tools such as sass, less, stylus.
You can even ignore files or folders in case you have errors after adding this plugin to your installation.
This plugin will automatically remove any
console.* during the build process. Of course it’s bad to leave console in your code but anything could happen.
Another pagination plugin but I like their philosophy :
paginate in Gatsby properly. No compromises.
Generate fake data which can be a huge time saver.
yarn add to add these plugins and edit
gatsby-config.js to add the plugins and their configurations within the plugin list.
Gatsby plugins are extra cool, you should give them a try. If that doesn’t do the job just write your own stuffs as local plugins or NPM packages. It would be fantastic if you have time to make some pull requests, a lot of great projects are looking for maintainers.