Erik Aybar

Simple Instructions to Try Gastby, Fast

February 01, 2019

If you want to give Gatsby a quick test run, I promise you can have a site just like this up and running in seconds.

Full Script

yarn global add gatsby-cli
gatsby new your-blog-name https://github.com/gatsbyjs/gatsby-starter-blog
cd your-blog-name
code . # Open in your editor of choice
gatsby develop
open http://localhost:8000
# Start editing!

Step-by-step

  1. Install gatsby-cli
yarn global add gatsby-cli
# or
npm install --global gatsby-cli
  1. Fire up a fresh project from the gatsby-starter-blog template
gatsby new your-blog-name https://github.com/gatsbyjs/gatsby-starter-blog
  1. Open the project for editing
cd your-blog-name
code . # Open in your editor of choice

Edit content/blog/ to add/edit blog posts.

Add content/blog/{post-slug}/index.md to add new posts. Dont forget to add the Frontmatter to the top of each index.md such as

---
title: 'Your Post Title'
date: '2018-02-01'
---

Start writing here!
  1. Start the development server
gatsby develop
open http://localhost:8000


Erik Aybar

👋🏽 Hi! I'm Erik Aybar. I'm a software person working remotely from St. George, Utah. This is my blog.