One of the most exciting things we’re working on at Gatsby right now is themes.
You can find more details in the announcement post and why we think themes are important, but the short version is this:
Gatsby themes allow you to focus only on the parts of the site and app building process that you need to care about by abstracting the rest away into a package.
What this means in practical terms is that you can use Gatsby themes to create a site with:
package.jsonwith 4 installed packages (gatsby,react,react-dom, and your theme)gatsby-config.jswith metadata and a reference to your theme- a folder full of Markdown files for content
And that’s it.
No code. No assembling plugins. Just writing content.
Learn how to build a Gatsby theme.
Recently I had the pleasure of building a theme from scratch with Gatsby’s own John Otander live on my weekly livestream.
On the stream, we covered multiple topics:
- How to build a Gatsby theme from scratch
- How to create child themes
- How to use component shadowing
- How to install and use a Gatsby theme
The code we built is available on GitHub — use it as a starting point to build your own Gatsby themes today!
Additional Links and Resources
- Post: Introducing Gatsby Themes
- Post: Why Themes
gatsby-plugin-page-creatorgatsby-mdxgetting started docsgatsby-source-filesystem- John Otander on Twitter
- Jason Lengstorf on Twitter
Watch future livestreams
If you’re interested in watching more livestreams, I go live every Thursday at 9am Pacific.
Follow me on Twitch to get notified when I go live.