Create Blazing Fast Websites with Gatsby and Drupal
    • Training Introduction
    • Gatsby Overview
      • Gatsby Intro
      • What is React?
      • What is GraphQL
      • Babel & Webpack
    • Modern JS Overview
      • JS Map Function
      • Let and Const
      • Template Strings (Interpolated Literals)
      • Arrow Functions
      • Destructuring
      • Async... Await
    • Installing Gatsby
    • Gatsby Building Blocks
      • Gatsby Starters
      • Plugins & Themes
      • Gatsby Pages
      • About Page Solution
      • Building with Components
      • Gatsby Link Component
    • Styles in Gatsby
      • CSS and SASS
      • CSS Modules
      • CSS in JS
      • Emotion
    • Nested Layout Components
      • Layout Solution
    • Data in Gatsby
      • GraphQL in Gatsby
      • Query Types
      • Gatsby Source Drupal
      • Create Lists of Content
      • Gatsby Image Component
    • Portfolio Challenge
    • Deploying to Netlify
    • Bonus Lessons
      • Gatsby Contact Form
      • Pagination
      • Live Preview
      • Build Hooks
      • Dynamic Content
      • Algolia Search
    • Thank You

  • Gatsby Docs
  • Code Karate

  • Star
    • Training Introduction
    • Gatsby Overview
      • Gatsby Intro
      • What is React?
      • What is GraphQL
      • Babel & Webpack
    • Modern JS Overview
      • JS Map Function
      • Let and Const
      • Template Strings (Interpolated Literals)
      • Arrow Functions
      • Destructuring
      • Async... Await
    • Installing Gatsby
    • Gatsby Building Blocks
      • Gatsby Starters
      • Plugins & Themes
      • Gatsby Pages
      • About Page Solution
      • Building with Components
      • Gatsby Link Component
    • Styles in Gatsby
      • CSS and SASS
      • CSS Modules
      • CSS in JS
      • Emotion
    • Nested Layout Components
      • Layout Solution
    • Data in Gatsby
      • GraphQL in Gatsby
      • Query Types
      • Gatsby Source Drupal
      • Create Lists of Content
      • Gatsby Image Component
    • Portfolio Challenge
    • Deploying to Netlify
    • Bonus Lessons
      • Gatsby Contact Form
      • Pagination
      • Live Preview
      • Build Hooks
      • Dynamic Content
      • Algolia Search
    • Thank You

  • Gatsby Docs
  • Code Karate

Gatsby Contact Form

Github logo Edit on GitHub

How do I handle form submissions in Gatsby? This is a common question since there is no actively running server. Luckily, Netlify makes it easy to create your own forms and capture form data.

CHALLENGE: You have already deployed to Netlify, so you it's easy to implement Netlify forms following the link below. Build a Contact Form page on your Gatsby site.

Gatsby Contact Form

Previous
Bonus Lessons
Next
Pagination