Briefly summarise the issues you have been experiencing. So I’m trying to use the forms feature on my page, I’m using Vue.js + Nuxt, which allows me to prerender using static page generator following the steps described here How to Integrate Netlify Forms in a Vue App but I cannot see the form ne…

Hi @alvaro.saburido , Thanks for writing in. @divya actually created a simple nuxt.js + netlify forms example that you can find at netlify-nuxt-forms/index.vue at master · shortdiv/netlify-nuxt-forms · GitHub Feel free to clone that repo and dig in. Let us know if it helps.

+1 for @divya s solution. I used it in my form and it worked perfectly! Thanks!

@themicrogirl , welcome to our online community and thank you for letting us know that Divya’s solution works perfectly for you as well. Feedback about both what works and what does not helps us to keep our community topics, documentation, and example git repos up to date. We appreciate you taking t…

Hi @divya , Could you explain what in your code fix the problem cited above ? Is it the simple fact that you added the below code to your form ? <input type="hidden" name="form-name" value="vue-tea" /> I was about to define the form skeleton in the app.html template (solution of https://www.netli…

Hey @jbuiquan ! Thanks for your question! The bit that tells Netlify that there’s a form on the page is the data-netlify: true attribute in the form markup. From the post your linked, I mentioned the need to prerender. This is so that the Netlify bots can see your form on the page. In the case of a …

Hi @divya , Thanks for the longer explanation. I use nuxt generate in order to deploy my application so I expected that the bots would be able to find my forms. Here’s part of my code : <form name="contact" method="POST" :action="mySuccessRoute" data-netlify="true" data-netlif…

After analysing Divya’s example, the only factor that triggerred the correct recoginition of the forms, appart from the <input type="hidden" name="form-name" value="vue-tea" /> is the configuration in nuxt.config.js. She used mode: universal which is for Isomorphic application (server-side renderi…

Hey @robertoshimizu , Are you using Nuxt 3? @coelmay had shared this basic example that seems to work: https://github.com/coelmay/nuxt3-netlify-form

No, I am using nuxt 2.15.8 The documentation of this version already preclude deprecation of mode option. [image] The mode Property Change default nuxt mode Cheers RS

Hi @robertoshimizu Is it the use of Netlify Forms you are having issues with (as the OP was)? Reading your post it seems nothing to do with forms, rather specifically about SSR. If you are disabling SSR then pre-rendering isn’t an issue as everything it built static/client-side rendered.

Vue + Nuxt.js Prerender Form not showing in forms page on dashboard

Support

Topic		Replies	Views
Netlify Forms are not working with my Nuxt App Support deployment , netlify-forms , netlify-newbie , vuejs	3	2478	February 16, 2021
Vue.js form with prerender shows existing form, but keeps sending back 404, could be a redirect issue? Support netlify-forms , netlify-newbie , redirects	7	4340	April 22, 2020
Nuxt forms not working Support netlify-forms , nuxt	2	1316	July 11, 2023
Troubleshooting Netlify Forms Integration on Kruidenpower.nl Support netlify-forms	5	553	April 16, 2023
Form with NuxtJS not working (404 not found) Support deployment , netlify-forms	4	937	January 21, 2021

Vue + Nuxt.js Prerender Form not showing in forms page on dashboard

Related topics