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.

hanson1014 hanson1014 Full-stack developer experienced in fixing and deploying AI-generated apps from Lovable, Bolt.new, Cursor, and Replit. I specialize in debugging Supabase integration issues (auth flows, RLS policies, database connections), fixing broken deployments, resolving routing/blank screen problems, and cleaning up messy React/Vite codebases. I also build production apps with the Claude API and have shipped a Mac desktop dev tool (Nexterm from scratch. Based in Hong Kong, fast turnaround. prajwalfullstack prajwalfullstack Hi Im a full stack developer, a vibe coded MVP to Market ready product, I'm here to help Simon A. Simon A. I'm a backend developer building APIs, emulators, and interactive game systems. Professionally, I've developed Java/Spring reporting solutions, managed relational and NoSQL databases, and implemented CI/CD workflows. 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. 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. Stanislav Prigodich Stanislav Prigodich 15+ years building iOS and web apps at startups and enterprise companies. I want to use that experience to help builders ship real products - when something breaks, I'm here to fix it. Taufan Taufan I’m a product-focused engineer and tech leader who builds scalable systems and turns ideas into production-ready platforms. Over the past years, I’ve worked across startups and fast-moving teams, leading backend architecture, improving system reliability, and shipping products used by thousands of users. My strength is not just writing code — but connecting product vision, technical execution, and business impact. Vlad Temian Vlad Temian 15+ years shipping production infrastructure for startups. Former CTO at qed.builders (acquired by The Sandbox). Cursor ambassador and agentic tooling builder. I've scaled systems, automated deployments, and built observability tools for AI coding workflows. I specialize in taking vibe-coded apps from broken prototype to production-ready: fixing Supabase auth/RLS, Stripe integrations, deployment pipelines, and cleaning up AI-generated spaghetti. I build tools in this space (agentprobe, claudebin, micode) and understand both sides: how AI generates code and why it breaks. https://blog.vtemian.com/ ISHANTDEEP SINGH ISHANTDEEP SINGH Senior Software Engineer with 7+ years of experience in React, JavaScript, TypeScript, Next.js, and Node.js. I’ve also worked as a tech lead for startups, owning end-to-end technical execution including architecture, development, scaling, and delivery. I bring a strong mix of hands-on coding, product thinking, and technical leadership, and I’m comfortable building products from scratch as well as improving and scaling existing systems. Victor Denisov Victor Denisov Developer

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