Create a Custom Contact Form with Netlify Forms and Next.js

Learn how to create a custom contact form using Netlify Forms. We'll walk through:
- Creating a basic HTML form from scratch
- Deploying an HTML form with Netlify
- Deploying a React form to Netlify

🗒️ Read More

🔔 Subscribe for more tech and developer videos

🐦 Get updates straight to your Twitter @colbyfayock

✉️ Or a newsletter right to your inbox!

💝 Sponsor me for more free content like this!

🎥 Want to know what A/V equipment I use?

🧰 More Resources

Netlify Forms

🎼 Music
Dude by Patrick Patrikios
YouTube Audio Library

#colbyfayock #netlify #contactform #nextjs #reactjs #webdevelopment

[k.saibharadwaj]

Crisp content 👏. I was building my portfolio and this video helped a lot.
Thank you🤗

[dnlbellfield]

Your video is really helpful. I'm new to Netlify. It's been great so far. This form attribute is pretty convenient. Im stoked I found your channel through Dorian Develops.

[criszamarco]

Very nice!! thanks!! do you have a repo in Git?

[codebyalbert]

Thanks for the nice tutorial, I was asking is it possible to send email without a custom domain but just using Vercel domain?

[EaMakes]

After submitting the form safari will try to resend the submission when I refresh any page on the site. It works perfectly on chrome and Firefox. Anyone have any idea how to troubleshoot?

[lightninginmyhands]

This is interesting. But it seems to interfere with the deployment platform.