I have recently set up a form on one of my websites using Netlify Forms, and it worked seamlessly! I was so impressed that I decided to implement this solution across all of my websites. However, I encountered an issue when setting it up on Contact - Kruidenpower – the forms aren’t showing up on the Netlify Forms back-end form page, even though I followed multiple posts addressing similar issues with Netlify not detecting the form.
To simplify the debugging process, I’ve copied the example code provided on the Netlify Forms documentation page:
I see you are using Nuxt for this project. Is this what you have used on other projects as well?
Thank you for the responses! My other website, which had a successful form integration, was also built on Nuxt 3 (the same version as https://kruidenpower.nl). Therefore, I don’t believe that Nuxt 3 is the root cause of the issue. However, to err on the side of caution, I’ve incorporated the code from this Netlify community post: Nuxt 3 Contact Form Solution. I’ve updated the form at Contact - Kruidenpower accordingly, but unfortunately, the form still doesn’t appear in the back-end.
Any further suggestions or insights on how to resolve this issue would be greatly appreciated. Thanks again for your help!
I finally found the cause of the issue! It was confusing that one site had an SSR problem while the other didn’t, especially considering that both sites had the same Nuxt configuration.
As it turns out, the difference lay in the package.json file. On the working Nuxt website, the build command was set to nuxt build. However, on the problematic website, it was set to nuxt generate. After changing the command to nuxt build, the issue was resolved!