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.

MIT License

Stars
1

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

See the demos at Netlify & Render.

Quick start

  1. Clone this Repository.

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

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

    Navigate into BackRoad's directory and start it up.

    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.

What's inside?

A look at package.json

   @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