Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-theme-tailwind-blog

This is a fairly basic gatsby blog theme, similar in scope to the official gatsby blog theme but more opionated using tailwindcss and emotion for styling.

Installation

1 - Install theme

npm install --save @phizzard/gatsby-theme-tailwind-blog

or

yarn add @phizzard/gatsby-theme-tailwind-blog

2 - Add theme to gatsby-config.js

module.exports = {
  plugins: [
    ...
    {
      resolve: "@phizzard/gatsby-theme-tailwind-blog",
      options: {
        contentPath: "content/posts",
        assetsPath: "content/assets",
        basePath: "/",
      },
    },
    ...
  ],
}

3 - Init tailwind.js file

npx tailwind@1.0.0-alpha.10 init
yarn tailwind@01.0.0-alpha.10 init
© 2023 Gatsby, Inc.