In this article, I will present a collection with GatsbyJS themes and starters suitable for simple projects: one-page websites, markdown / MDX blogs, and simple coming-soon pages.
In a rush? The full index with Gatsby themes & starters is available on Github.
What is GatsbyJS
GatsbyJS is the most impressive app generator I've seen in the last few years for a few good reasons:
- modern tooling out of the box.
- plugins for almost anything
- all apps built with Gatsby will score more than 90 on Lighthouse
- usable starters for many types of apps and technologies: one-page, eCommerce, blogs
- comprehensive docs
- live support on spectrum & Discord
GatsbyJS - Get Started
In order to start building apps with Gatsby we need a few sets of tools installed into the working station:
- Node & Npm
- Gatsby CLI - the Gatsby console
- GIT - if we want to clone some starters
The official documentation has a comprehensive section about this initial setup, feel free to access it and follow the instructions applicable for your OS.
# install Gatsby globally $ npm install -g gatsby-cli $ # test the installation $ gatsby --help
All starters and themes are released under permissive licenses (MIT or CCY 30) inherited from the design providers. Before using a starter, please read the license file. Thank you!
I will start the list with the most creative starter that uses illustrations from absurd.design
How to use the starter
$ git clone https://github.com/app-generator/gatsby-absurd.git $ cd gatsby-absurd $ yarn # install modules $ yarn start # start in development mode $ yarn deploy # live FTP deployment ( Edit FTP credentials in deploy.js first)
A nice GatsbyJS starter that uses the Material Kit crafted by Creative-Tim agency.
How to use the starter
$ git clone https://github.com/app-generator/gatsby-material-kit-react.git $ cd gatsby-material-kit-react $ yarn # install modules $ yarn start # start in development mode $ yarn deploy # live FTP deployment ( Edit FTP credentials in deploy.js first)
Simple starter with a creative layout released under the MIT license.
A visual starter suitable for photographers.
To build this app, type in your terminal
$ git clone https://github.com/app-generator/gatsby-html5up-multiverse.git $ cd gatsby-html5up-multiverse $ yarn # install modules $ yarn start # start in development mode
One-page GatsbyJS app with a design provided by Html5 Up agency.
A simple coming-soon app with a rolling background with a design provided by Html5 Up.
An open-source app built with GatsbyJS on top of HTML5Up Paradigm design.
- Gatsby Apps - the full index published on Github
- Gatsby Docs - official documentation
- Gatsby Starters - the official list with starters sorted by technologies and usage
- Gatsby Apps - Gatsby apps supported by AppSeed