https://github.com/absphreak/backroads-gatsby

🚀 Backroads is a project in GatsbyJS to show off its fast page loading speed and image optimization techniques. Feel free to create a fork or clone the repo to test it out yourself.
https://github.com/absphreak/backroads-gatsby

contentful gatsbyjs graphql

Last synced: 26 days ago
JSON representation

🚀 Backroads is a project in GatsbyJS to show off its fast page loading speed and image optimization techniques. Feel free to create a fork or clone the repo to test it out yourself.

• Host: GitHub
• URL: https://github.com/absphreak/backroads-gatsby
• Owner: ABSphreak
• License: mit
• Created: 2020-06-23T11:57:17.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-14T06:39:54.000Z (almost 2 years ago)
• Last Synced: 2025-02-10T05:25:47.016Z (3 months ago)
• Topics: contentful, gatsbyjs, graphql
• Language: JavaScript
• Homepage: https://abs-backroads.netlify.app/
• Size: 697 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  BackRoads Tour site Project


  

  

  

  



BackRoads is a static site created using GatsbyJS, GraphQL, Contentful (Headless CMS), etc. See [What's inside?](#-whats-inside)

_See the **demos** at → [Netlify](https://abs-backroads.netlify.app) & [Render](https://backroads.onrender.com)._

## 🚀 Quick start

1.  **Clone this Repository.**

    Clone this repository, to check out the code yourself or create your own Gatsby powered website.

    ```shell

    git clone https://github.com/ABSphreak/backroads-gatsby.git

    ```

2.  **Start developing.**

    Navigate into BackRoad's directory and start it up.

    ```shell

    cd backroads-gatsby-master/

    # For creating a development build

    gatsby develop

    # For creating a production build

    gatsby build

    # For running in a production build

    gatsby start

    ```

3.  **Open the source code and start editing!**

    Site is live 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)._

## 🧐 What's inside?

A look at [`package.json`](/package.json)

```shell

  ┌── @contentful/rich-text-react-renderer

  ├── babel-plugin-styled-components

  ├── bootstrap

  ├── dotenv

  ├── gatsby

  ├── gatsby-background-image

  ├── gatsby-image

  ├── gatsby-plugin-playground

  ├── gatsby-plugin-react-helmet

  ├── gatsby-plugin-robots-txt

  ├── gatsby-plugin-sass

  ├── gatsby-plugin-sharp

  ├── gatsby-plugin-sitemap

  ├── gatsby-plugin-styled-components

  ├── gatsby-plugin-transition-link

  ├── gatsby-source-contentful

  ├── gatsby-source-filesystem

  ├── gatsby-transformer-sharp

  ├── gsap

  ├── node-sass

  ├── react

  ├── react-dom

  ├── react-helmet

  ├── react-icons

  └── styled-components

```