Netlify not detecting form on a Next.js website

Support
1

So I have spent the afternoon trying to fix this issue, but at this point I guess someone would have more idea than I do.

It is a Next.js website, that is deployed automatically from a repu using npm run build. The website is deployed correctly but the form is not getting detected by netlify.

The website is: https://stopbullyingmobbing.netlify.app/

The code for my contact form is the following:

<form name="form" className="space-y-6" method="post" netlify>
                <input type="hidden" name="form-name" value="form" />
                  <div className="space-y-2">
                    <label htmlFor="name" className="text-sm font-medium">
                      Nom
                    </label>
                    <Input name="name" id="name" type="text" placeholder="El teu nom complet" required className="w-full" />
                  </div>

                  <div className="space-y-2">
                    <label htmlFor="email" className="text-sm font-medium">
                      Correu electrònic
                    </label>
                    <Input name="email" id="email" type="email" placeholder="El teu correu electrònic" required className="w-full" />
                  </div>

                  <div className="space-y-2">
                    <label htmlFor="phone" className="text-sm font-medium">
                      Telèfon
                    </label>
                    <Input name="telefon" id="phone" type="tel" placeholder="El teu número de telèfon" className="w-full" />
                  </div>

                  <div className="space-y-2">
                    <label htmlFor="message" className="text-sm font-medium">
                      Missatge
                    </label>
                    <Textarea
                      name="missatge"
                      id="message"
                      placeholder="Explica'ns com podem ajudar-te"
                      required
                      className="w-full min-h-[150px]"
                    />
                  </div>

                  <Button type="submit" className="w-full bg-rose-500 hover:bg-rose-600">
                    Envia la teva sol·licitud
                  </Button>
                </form>

Thanks a lot in advance.

2

@CodiXperts If you haven’t already, you should follow this documentation:

It’s mentioned on this page within the Netlify documentation:

3

I tried following it. Everything is as it says. I tried with the hidden form. Still didn’t work.

4

I don’t see any hidden form on your site. There’s no __forms.html in your site’s deploy.