Bonneville

<!-- AUTO-GENERATED-CONTENT:START (STARTER) --> <p align="center"> <a href="https://bonneville.netlify.app"> <img alt="Bonneville Logo" src="/src/content/images/bonneville-logo.svg" width="200" /> </a> </p> <h1 align="center"> Bonneville - A Gatsby Starter Blog </h1>

Please Note

This repo is a WIP. Updates will happen throughout the life of this project as I understand working with Gatsby and React. If issues are raised, I will answer and resolve them when time allows.

🚀 Quick start

1. Create a Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the hello-world starter.

   # create a new Gatsby site using Bonneville
   gatsby new your-new-site-name https://github.com/bagseye/bonneville
   

2. Start developing.

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

   cd your-new-site-name/
   gatsby develop
   

3. 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 your-new-site-name directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🎓 Learning Gatsby

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.

<!-- AUTO-GENERATED-CONTENT:END -->

Contact Page

This uses Netlify forms. For more information on these please visit:

Netlify Forms Documentaion

Footer.js

Footer.js takes menu imports from constants/menu-items.js where you can declare the title and path. Depending on if these imports are present/true, the component will render the associated <div>.