# GatsbyJS form not detected

**URL:** <https://answers.netlify.com/t/gatsbyjs-form-not-detected/5583>\
**Category:** Support\
**Tags:** netlify-forms\
**Created:** [November 27, 2019, 6:15am UTC](https://answers.netlify.com/t/gatsbyjs-form-not-detected/5583 "2019-11-27T06:15:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![SAD1j2asdasd](https://avatars.discourse-cdn.com/v4/letter/s/7ea924/32.png) [@SAD1j2asdasd](https://answers.netlify.com/u/SAD1j2asdasd)\
**Post date:** [November 27, 2019, 6:15am UTC](https://answers.netlify.com/t/gatsbyjs-form-not-detected/5583/1 "2019-11-27T06:15:32Z")

</div>

[Live demo](https://5dde12bd96f29e00086dcafa--altair-studio.netlify.com/)

[Form code](https://gist.github.com/byeung-seekers/2ca0c55ce149ee9a45aa6b3fd8a2f885)

Problem: Netlify does not detect form at all, despite using the tags such as `data-netlify="true"` and `data-netlify-honeypot="bot-field"` and using `hidden` input.

If you try submitting the form, it flashes the `/404` page before redirecting to the `/thanks` page.

I have created `/`, `/thanks`, and `/404` pages inside the `pages` folder of `src`.

---

<div class="post-metadata">

**Author:** ![luke](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/luke/32/39_2.png) [@luke](https://answers.netlify.com/u/luke)\
**Post date:** [November 30, 2019, 8:23am UTC](https://answers.netlify.com/t/gatsbyjs-form-not-detected/5583/2 "2019-11-30T08:23:30Z")

</div>

Hi, @SAD1j2asdasd, there is more information about form debugging here:

> [@\[Support Guide\] Form problems, form debugging, 404 when submitting](https://answers.netlify.com/t/common-issue-form-problems-form-debugging-404-when-submitting/92):
>
> Last reviewed by Netlify Support in July 2025 sparkles [AskNetlify’s](https://docs.netlify.com/ask-netlify/) Version sparkles Where can I check form submissions on my site? Copy the prompt above and paste it into [AskNetlify](https://docs.netlify.com/ask-netlify/), and it’ll break down this info. You can also ask clarifying questions. Still need help? No problem! We’re happy to clarify. Last reviewed October 2024 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the requested information that we request…

I downloaded the content of that deploy and I think I found the issue. The screenshot below shows where to find the “download deploy” button (it isn’t labeled):

 ![download-deploy-button](https://global.discourse-cdn.com/netlify/original/2X/a/ae640b09c9c8bd86b8945000483f22870cda0799.png)

When I downloaded the deploy, I see there is no pure HTML version of the form at deploy time.

```plaintext
$ grep -irl '<form' ./deploy-5dde12bd96f29e00086dcafa
./deploy-5dde12bd96f29e00086dcafa/component---src-pages-index-js-db4b647b3b67416b0048.js.map

```

Only one file contains the string “\<form” (case-insensitive) and the one file which does contain this isn’t an HTML file (and doesn’t have the form).

This requirement of a pure HTML version of the form at deploy time is documented here:

> **[Forms setup](https://docs.netlify.com/manage/forms/setup/)**
>
> Use built-in form handling to simplify adding and managing forms for your project. There’s no need to make an API call or include extra form handling code.

Quoting:

> ### Work with JavaScript-rendered forms
> 
> Our bots find your forms by parsing the HTML of your site when the build completes. This means that if you’re using JavaScript to render a form client-side, our bots won’t find it in the pre-built files. You can work around this by creating a hidden HTML form with the `data-netlify="true"` attribute and input fields with `name` attributes to match the inputs of your JavaScript-rendered form. You need to apply the same work around if you want to use our [reCAPTCHA 2 integration](https://docs.netlify.com/forms/spam-filters/#recaptcha-2-challenge), and create a `div` element in the hidden HTML with the `data-netlify-recaptcha="true"` attribute.
> 
> You can also find related tutorials on our blog:
> 
> - [How to Integrate Netlify’s Form Handling in a React App](https://www.netlify.com/blog/2017/07/19/how-to-integrate-netlifys-form-handling-in-a-react-app/)
> - [How to Integrate Netlify forms in a Vue App](https://www.netlify.com/blog/2018/09/07/how-to-integrate-netlify-forms-in-a-vue-app/)
> 
> While the two articles are fairly framework-specific, the code demonstrates how to prerender forms when working with them in a web application.

To summarize, there is no HTML form parsed during the deploy. It does appear there has been at one point because I do see a form handler prepared to receive the form. However, the deploy above doesn’t appear to have one.

You might try creating the HTML version of the form, including it with the deploy, and see if that works.

If not, would you please link us to a deployed page with a form and also link us to the HTML file which contains the prerendered form before any site javascript is run?