Posting form submission gives 404 regardless or route used

Support
1

Repo - GitHub - ghughes13/portfolio-2023
Site - https://portfolio.selftaught-dev.com/

Expected behavior: When submit my form, it successfully posts and the form data shows up under ‘Recent Form Submissions’ in the Netlify portal.

What actually happens: The client receives a 404 and fails to post.

What I’ve tried:
-Using multiple variations for the fetch url (https://portfolio.selftaught-dev.com/, https://portfolio.selftaught-dev.com, portfolio.selftaught-dev.com, / )
-Using the netlify attribute (Which seems to work as it’s parsed out in the build step (But also have tried data-netlify)
-Adding a .toml for redirects
-Crawling through the netlify-form forums to find a solution
-Form detection is enabled in my settings → forms

Something I’ve noticed is the docs say Netlify should add a hidden name input for the forms name, but I don’t see this in the deployed code. I’ve manually added the field to see if that works.

Any advice or troubleshooting steps I could try?

2

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

3

Needed to create a static .html file version of the form with <input type="hidden" name="form-name" value="NAMEOFYOURFORM" />

When it said work around here - Forms setup | Netlify Docs - I thought it meant I could add that to my js version of the form to get it to work.

4

Thanks for coming back and sharing this with the community!