Gatsby starter project styled with Tailwind and configured for social sharing and SEO.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
deployment
src
.gitignore
README.md
gatsby-config.js
gatsby-node.js
gatsby-starter-running.PNG
package-lock.json
package.json
tailwind.config.js

README.md

Getting started

Note: This starter project is running the latest version of Gatsby V2 which is still in Beta

  1. Install the gatsby-cli package globally.
npm install --global gatsby-cli
  1. Create a new gatsby project using this starter project.
gatsby new new-blog https://github.com/kylegalbraith/gatsby-starter-tailwind-seo-social
  1. Open src/config/config.js and fill in your information
module.exports = {
    siteTitle: "Your Blog Title",
    shortSiteTitle: "Your Short Blog Title",
    siteDescription: "Your nice blog description",
    siteUrl: "https://blog.kylegalbraith.com",
    pathPrefix: "",
    siteImage: "images/facebook-cover.jpg",
    siteLanguage: "en",
    authorName: "Your Name",
    authorTwitterAccount: "kylegalbraith",
    authorSocialLinks: [
      { name: "github", url: "https://github.com/kylegalbraith" },
      { name: "twitter", url: "https://twitter.com/kylegalbraith" },
      { name: "facebook", url: "http://facebook.com/kyle.galbraith459" }
    ]
  };
  1. Build Tailwind stylesheet and start local Gatsby development server.
cd new-blog
npm run build:css & gatsby develop
  1. Open local development server at localhost:8000 and you should see the following sample.

gatsby-starter-tailwind-seo-social