Ultimate Gatsby Starter

Get started quickly with the ultimate Gatsby Starter. This is a starter you'll want to use again and again to get your Gatsby projects started!

Demo of Starter:

https://ultimategatsbystarter.adesignerwhocodes.com

The starter includes the following:

• gatsby-plugin-image
• StaticImage
• GatsbyImage
• getImage
• Gatsby Background Image (gbImage-bridge)
• React Bootstrap (w/ Bootstrap version 5.0)
• Containers, Rows and Cols all setup
• Responsive Navigation using React Bootstrap
• Gatsby preload fonts
• custom css file
• React Font Awesome
• Sticky Footer
• Gatsby Sitemap
• Form with spam captcha (via Netlify Forms)
• All 100% responsive out of the gate.

--------------------

Video Guide to using the Ultimate Gatsby Starter

If you need additional help on how to use the template, I have built an entire how-to guide with videos that show step-by-step how to use the starter from start to finish. In addition, I show you how to connect up the form to Netlify and receive emails as a result.

Course outline:

01 - getting the node modules back

02 - how the navigation works

03 - gatsby background image.mov

04 - container rows and cols.mov

05 - gatsby plugin image - 3 ways

06 - one column about page

07 - the contact page and the form

08 - the footer and react font awesome

09 - uploading to Github and Netlify

10 - Bonus - Gatsby preload fonts

11 - Bonus - sitemap