Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/silverqx/gatsby-blog

Gatsby blog test application demo at https://gatsby-blog-showcase.netlify.com/
https://github.com/silverqx/gatsby-blog

contentful gatsby gatsby-blog gatsbyjs graphql netlify react testapp

Last synced: about 2 months ago
JSON representation

Gatsby blog test application demo at https://gatsby-blog-showcase.netlify.com/

Awesome Lists containing this project

README

        



Gatsby



Gatsby Blog Test Application

[![Netlify Status](https://api.netlify.com/api/v1/badges/14fddc8f-409c-4041-931d-9a9635716797/deploy-status)](https://app.netlify.com/sites/zealous-kilby-fde776/deploys)

This is my Gatsby Blog test application with [Contentful](https://contentful.com) as datasource.

Final application is deployed at https://gatsby-blog-showcase.netlify.com/

## πŸš€ Quick start

1. **Clone repository.**

```sh
git clone https://github.com/silverqx/gatsby-blog.git
```

1. **Contentful.**

Add some blog pages at https://contentful.com

1. **Start developing.**

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

```sh
cd gatsby-blog/
gatsby develop
```

1. **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](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

## πŸŽ“ Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** 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](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.