Bolt email

Contact Form Not Sending Emails in Bolt App

Your Bolt.new application has a contact form that appears to work perfectly: users fill it out, click submit, and see a 'Thank you, message sent!' confirmation. But the email never arrives. You only discover the problem when someone follows up asking why you never replied to their inquiry.

This is a devastating issue for business websites. Every missed contact form submission is a potential lost customer, partnership, or support request. The false success message makes it worse because the sender believes their message was received and doesn't try to contact you through other channels.

Bolt's AI often generates beautiful contact form UIs with client-side validation but doesn't properly implement the backend email sending logic. The form submits to an API route that either doesn't exist, doesn't actually send the email, or silently fails without error handling.

Error Messages You Might See

Error: Missing API key for email service 403 Forbidden: Sender domain not verified Failed to fetch: /api/contact returned 404 ResendError: You can only send to your own email in test mode SMTP Error: 550 Sender not authorized
Error: Missing API key for email service403 Forbidden: Sender domain not verifiedFailed to fetch: /api/contact returned 404ResendError: You can only send to your own email in test modeSMTP Error: 550 Sender not authorized

Common Causes

  • No backend email sending logic — Bolt generated the form UI and success message but the API route just returns 200 OK without actually sending an email
  • Email API key not configured — The code references an email service (Resend, SendGrid) but the API key environment variable is empty or missing
  • From address not verified — Email services require sender domain verification, and the 'from' address uses an unverified domain
  • API route doesn't exist — The form submits to /api/contact but the route file was never created, returning a 404 that the frontend doesn't check for
  • Frontend ignores API errors — The form shows the success message regardless of the API response status, masking all backend failures

How to Fix It

  1. Implement the API route — Create a proper email sending endpoint using Resend: import { Resend } from 'resend'; const resend = new Resend(process.env.RESEND_API_KEY); await resend.emails.send({ from: 'contact@yourdomain.com', to: 'you@email.com', subject, html })
  2. Verify your sending domain — In your email provider's dashboard, add and verify your domain by adding the required DNS records (SPF, DKIM, DMARC)
  3. Check API response before showing success — Update the form handler: const res = await fetch('/api/contact', { method: 'POST', body }); if (!res.ok) { setError('Failed to send. Please try again.'); return; } setSuccess(true);
  4. Add fallback notification — Store contact submissions in your database as a backup, so you never lose messages even if email delivery fails
  5. Test the full flow end-to-end — Submit the form and verify the email arrives, don't just check the API response status

Real developers can help you.

Matthew Jordan Matthew Jordan I've been working at a large software company named Kainos for 2 years, and mainly specialise in Platform Engineering. I regularly enjoy working on software products outside of work, and I'm a huge fan of game development using Unity. I personally enjoy Python & C# in my spare time, but I also specialise in multiple different platform-related technologies from my day job. Nam Tran Nam Tran 10 years as fullstack developer Luca Liberati Luca Liberati I work on monoliths and microservices, backends and frontends, manage K8s clusters and love to design apps architecture David Olverson David Olverson Solo dev shipping production apps with AI-assisted development. I specialize in rescuing broken Lovable/Bolt/Cursor builds and taking them to production. 10+ apps shipped including SaaS CRMs, gaming platforms, real estate tools, and Discord bots. Stack: Next.js 16, TypeScript, Tailwind CSS, FastAPI, PostgreSQL, Prisma. I use Claude Code with 50+ custom skills for rapid delivery. Average turnaround: 2-4 weeks from broken prototype to production. Daniel Vázquez Daniel Vázquez Software Engineer with over 10 years of experience on Startups, Government, big tech industry & consulting. Rudra Bhikadiya Rudra Bhikadiya I build and fix web apps across Next.js, Node.js, and DBs. Comfortable jumping into messy code, broken APIs, and mysterious bugs. If your project works in theory but not in reality, I help close that gap. legrab legrab I'll fill this later Matthew Butler Matthew Butler Systems Development Engineer @ Amazon Web Services Antriksh Narang Antriksh Narang 5 years+ Experienced Dev (Specially in Web Development), can help in python, javascript, react, next.js and full stack web dev technologies. Dor Yaloz Dor Yaloz SW engineer with 6+ years of experience, I worked with React/Node/Python did projects with React+Capacitor.js for ios Supabase expert

You don't need to be technical. Just describe what's wrong and a verified developer will handle the rest.

Get Help

Frequently Asked Questions

What is the easiest email service to set up with Bolt?

Resend is the simplest to integrate. Install it with npm install resend, create a free account at resend.com, get your API key, and add three lines of code to send emails. The free tier includes 3,000 emails per month.

Why does my contact form show success but no email is sent?

The most common cause is that the frontend shows a success message after the form submits without checking the API response. The API route either doesn't exist (404), doesn't have email sending logic, or throws an error that the frontend ignores. Always check response.ok before showing success.

Related Bolt Issues

Can't fix it yourself?
Real developers can help.

You don't need to be technical. Just describe what's wrong and a verified developer will handle the rest.

Get Help