DEV Community

Cover image for Let’s deploy the starter Gatsby template
Ivana
Ivana

Posted on

1

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: https://gatsby-netlify-form-example-v2.netlify.com/

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

Deploy

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!

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (1)

Collapse
 
sudhirdontha profile image
Sudhir Dontha

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

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay