Netlify Form - Nuxt.js error during form parsing - Vue hydration fails

[luke]

Hi, @nastya.danilchenko. I see there is a support ticket about this and I replied there as well.

For the forms issue, this troubleshooting guide is the first step:

[Support Guide] Form problems, form debugging, 404 when submitting

Last reviewed August 2023 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the information that we request at the end of this guide in the new post that you create. Thank you! Why use Forms? Forms are one of the most useful parts of modern websites because they allow us to capture input from our visitors. There are many ways to use forms: contact forms, such as contact forms and sign-up forms. Seeing as there are many types of fo…

For the hydration issue, there is no server-side rendering by default at Netlify. There are workarounds for this, for example this blog post below covers using Functions to do this:

2 Ways to Create Server-Rendered Routes Using Next.js and Netlify

Note, that blog post is about Next.js and not about Nuxt.js. However, the general concept still applies even if the specific solution does not.

If there are other questions about this, please let us know (either here or the support ticket, whichever you prever).