Note: This starter project is running the latest version of Gatsby V2 which is still in Beta
- Install the
gatsby-cli
package globally.
npm install --global gatsby-cli
- Create a new gatsby project using this starter project.
gatsby new new-blog https://github.com/kylegalbraith/gatsby-starter-tailwind-seo-social
- 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" }
]
};
- Build Tailwind stylesheet and start local Gatsby development server.
cd new-blog
npm run build:css & gatsby develop
- Open local development server at
localhost:8000
and you should see the following sample.