Framework Theme

Create a Gatsby theme that sets up a project with the Tailwind CSS framework.


As developers, we commonly have to do a bunch of similar steps any time we create a new project. But tools like themes let us abstract those steps and package it in a easy to use way that can work for any new project.

Level 1

Gatsby themes are a plugin-like system where we can take advantage of the Gatsby pipeline to share functionality as a package on npm. This opens the door to really doing anything we would do in a Gatsby site, but making it reusable to any Gatsby site.

Create a new Gatsby theme that when used, creates a new a style guide page on any project it’s added to.

More levels including the ability to save your progress coming soon!

To Do


  • Gatsby Themes
  • Tailwind


Start Doing Now

Get all projects as an ebook right to your inbox for FREE!

Love 50 React Projects?