App Platform contact email

The suggestion for Nuxt is a good one. However, a feature similar to Netlify’s would be very useful for frameworks like Gatsby and NextJS.

Sounds like you’re serving a static (built) website, you need something to handle the backend logic for your forms, such as a node (express) backend and a database to store data, and a mail provider to send out a confirmation email.

You can certainly achive this in DO but you’ll have to do some additional work. You can do basic form validation on the client side, but you should also sanitize server side. You’ll need to write some logic, and have a server app running using a droplet or you can use a cloud function (serverless) if not that complex.

Hello,

What I would personally do in such case is to use an SMTP package like nuxt-mail mail for example:

https://www.npmjs.com/package/nuxt-mail

You can install it with:

npm install nuxt-mail

And then you could then specify your SMTP details in your nuxt.config.js file:

export default {
  modules: [
    '@nuxtjs/axios',
    ['nuxt-mail', {
      message: {
        to: 'foo@bar.de',
      },
      smtp: {
        host: "smtp.example.com",
        port: 587,
      },
    }],
  ],
  // or use the top-level option:
  mail: {
    message: {
      to: 'foo@bar.de',
    },
    smtp: {
      host: "smtp.example.com",
      port: 587,
    },
  },
}

The module injects the $mail variable, which we now use to send emails:

// Inside a component
this.$mail.send({
  from: 'John Doe',
  subject: 'Incredible',
  text: 'This is an incredible test message',
})

Note that you would need an SMTP service so that you could set the details correctly in the config file. If you do not have one already, you could use SendGrid for example. They offer a free package which is sufficient for such use cases.

Hope that this helps!

Best,

Bobby