gatsby-site-ant-starter

Kick off your blog project with this default boilerplate (based off of https://github.com/gatsbyjs/gatsby-starter-default). This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.

Have another more specific idea? You may want to check out Gatsby's vibrant collection of official and community-created starters.

View current build

https://gatsby-ant-site.netlify.com

🚀 Quick start

Some knowledge of GatsbyJS, NPM, React, Markdown, JavaScript, Node, HTML, CSS, SASS, and GraphQL will help greatly when using this project and latering it for your own purposes.

Prerequisite software

Node.js

Visit https://nodejs.org/en/download/ and download a minimum LTS version of 10.6.0.

Once installed, open a terminal/command window and enter:

node -v

If Node is installed correctly, you should get output like the following:

$ node -v
v10.6.0

GatsbyJS CLI

Follow the instructions in the quick start guide at https://www.gatsbyjs.org/docs/quick-start

Once installed, open a terminal/command window and enter:

gatsby --v

Is installed correctly, you should get some output like the following:

$ gatsby --v
Gatsby CLI version: 2.7.2
Gatsby version: 2.10.4

Getting the project code

Clone

Open a terminal/command window and enter:

git clone myfirstgatsbyblog https://github.com/jasonrundell/gatsby-blog

Change myfirstgatsbyblog to the name of the project folder you'd like to use.

Get your local copy up and running

Navigate into your new site’s directory and start it up

cd myfirstgatsbyblog/
gatsby develop

Open the source code and start editing

Your site is now running at http://localhost:8000!

Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

Open the myfirstgatsbyblog directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

💫 Deploy

LICENSE

This project is licensed under the MIT license.

Demo

https://gatsby-ant-site.netlify.com/

Cudos

• Jason Lengstorf (@jlengstorf) for the one-on-one time at Toronto's first JAMstack meetup, having so much gatsby opensource available for me to learn from, all of the great support he gives to the Gatsby community, and just for being awesome.

• Dustin Schau (@DSchau) for the blog starter kit that provided a great working base.

• I poured over many of the great pages on gatsbyjs.org docs. Here arethe pages that I remember that helped me greatly along the way:

  • Creating Tags Pages for Blog Posts
  • Testing components with GraphQL

• Lorem ipsum content provided by https://hipsum.co/

• Placeholder Yak photos provided by https://www.pexels.com/search/yak/

References / Further reading