Hostinger Horizons: Add email notifications to forms with Supabase and Gmail

Set up form submissions that automatically send email notifications using Supabase and Gmail

Updated 2 weeks ago

To add forms that send email notifications after each submission, all you need is a Supabase account and a Gmail account.

Here are the steps to get started:

  1. Connect your web app to Supabase: Hostinger Horizons: Supabase Integration
  2. Here’s the exact prompt to paste into Horizons: “I want to add a form to my web app. The form must send email notifications to my gmail account whenever it is submitted. for the email notifications, I want to use nodemailer package. I already have Supabase connected, which can serve as a backend server.“
  3. Enable 2-Factor Authentication on your Google Account (if it’s not already).
  4. Generate an App Password by following Google’s official guide.
  5. Copy the 16-character App Password it gives you.
  6. Update Supabase Secrets: Go to your Supabase Dashboard > Project Settings > Secrets.
    • Update GMAIL_APP_PASSWORD key with the 16-character password you just copied.
    • Update GMAIL_USER key with your full Gmail address (e.g., your.email@gmail.com).