This repository includes a branch per feature added. The following branches are available and build on each other, they're ordered based on the number the branch name starts with.
- 01-blog-starter
- 02-add-a-post
- 03-add-code-snippet
- 04-add-image
- 05-add-styling
- 06-change-all-posts
- 07-change-post-order
- 08-alter-post-urls
- 09-add-reading-time
This example site is already deployed at my-first-code-blog.com
-
Quick Start.
Navigate into your new site’s directory and start it up.
cd my-blog-starter/ 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
my-blog-starterdirectory in your code editor of choice and editsrc/pages/index.js. Save your changes and the browser will update in real time!
- Blog starter repo
- Markdown syntax helper
- Using Prism for code snippets
- Google analytics plugin
- Reading Time plugin
Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:
-
For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to our documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.