Send forms in your application using Netlify Forms

Nicky Christensen
Frontend Weekly
Published in
5 min readFeb 15, 2022

--

Learn how to easily let your users fill out forms and send them in your application. It only takes a few minutes

image from snipcart

When building SPA applications, either using Nuxt, Next, or some other framework, you are likely to have a contact form in your application that can allow users to contact you easily by filling in the form.

I’ll show you how to easily handle and submit forms using Netlify Forms, and without you having to do any backend code whatsoever.

Using forms with Netlify forms, we get the ability to handle forms without the need for a lot of backend configuration or code.

Get started

Before getting started, there are a few things you need set up.

  • A site hosted on Netlify
  • A unique domain, it won’t work with your test domain on Netlify
  • HTTPS enabled in Netlify

On Netlify, you are granted free HTTPS, so no need to go out and buy a certificate. When dealing with forms, t’s always a good idea to have HTTPS turned on — this way you ensure that your application does not send unencrypted data over an insecure connection.

--

--

Nicky Christensen
Frontend Weekly

FE Lead at Rig.dev - A danish guy who speaks about frontend, tech & leadership - Follow & connect @ https://www.linkedin.com/in/dknickychristensen/