DEV Community

Cover image for Let’s deploy the starter Gatsby template

Posted on


Let’s deploy the starter Gatsby template

Gatsby and Netlify Form integration

This is an example site integrating Netlify’s contact form handling with Gatsby:
Alt Text

Adding Forms

Gatsby is built on top of React. So anything that we can do with a React form is possible in Gatsby. Additional details about how to create React forms can be found in the React forms documentation (which happens to be built with Gatsby!)
How to get started documentation can be found here

Integrating Netlify Form Handling in Gatsby

Example for integrating a basic contact form with Netlify’s form handling feature. Demo:

Features: Basic form submission. Example use controlled form to offer more flexibility.


To Deploy on Netlify you will need to follow few steps:

  1. Connect to Github Alt Text
  2. Configure your site - Save and Deploy (change your Repository name) Alt Text

To connect please check my Github, LinkedIn or Twitter.

Thank you for reading!

Top comments (1)

sudhirdontha profile image
Sudhir Dontha

Short, clear and simple!! Nice write up!!

Why You Need to Study Javascript Fundamentals

The harsh reality for JS Developers: If you don't study the fundamentals, you'll be just another “Coder”. Top learnings on how to get to the mid/senior level faster as a JavaScript developer by Dragos Nedelcu.