Skip to main content
Bolt.new develops your app in a browser-based WebContainer. A WebContainer runs inside the browser tab, so it is not a safe place for an AhaSend API key: code there can make network requests, but it cannot keep the key from someone who can inspect or edit the project. Put the send in a Bolt or Supabase server function, or in a separately deployed Node backend.

Prerequisites

Set the AhaSend side up in the dashboard before Bolt writes a line: the quickstart covers domain verification and key creation. Scope the key to messages:send:{your-domain} instead of messages:send:all so a leaked key can only touch one domain’s mail.

Pick Your Backend

Two rules apply whichever shape your project takes. Never call AhaSend from the frontend or the WebContainer preview: that makes your API key available in the browser. Put the key in the secret store for the backend that sends the message, not in a project environment variable used by preview or client code.
If Bolt already put the key in a VITE_-prefixed variable or referenced it from a client component, that value is public. Remove it and rotate the key in the dashboard before you continue.
@ahasend/sdk supports the common Bolt backend choices. What differs is where the key lives: Bolt and Supabase server functions use the edge-function path below.

Send with the SDK

Install the SDK, which handles retries, idempotency, and typed errors:
In a Bolt or Supabase server function there is nothing to install in the app package: import it with import { AhaSendClient } from "npm:@ahasend/sdk". If you use Bolt Database, open the database icon, select Secrets, and create AHASEND_API_KEY, AHASEND_ACCOUNT_ID, and AHASEND_SANDBOX (set it to true while testing). Bolt makes database secrets available only to server functions. If you use your own Supabase project, add the same credentials as Supabase secrets:
The Supabase dashboard does the same under your project’s Edge Functions settings. On a Node host, set the same three variables in that host’s environment settings. A server function is a public HTTPS endpoint: anyone who learns its URL can call it. Authentication and server-side authorization are what keep it from becoming an open mail relay, so name them in the prompt along with the architecture, or Bolt reaches for a client-side hook:
“Add a server function called send-receipt that emails an order confirmation with @ahasend/sdk. Authenticate the caller with withSupabase({ auth: 'user' }) and keep JWT verification enabled. Accept only an order ID, then load the recipient address, name, and order details through the caller’s RLS-scoped Supabase client instead of trusting them from the request body. Read the credentials from server-function secrets with Deno.env.get(), fail at startup if AHASEND_API_KEY or AHASEND_ACCOUNT_ID is missing, stay in sandbox mode unless AHASEND_SANDBOX is exactly false, and create one AhaSendClient at module scope. Use a stable, sandbox-or-production-specific idempotency key for each order. Treat the resolved send as an accepted HTTP 202 response, but inspect every recipient result for status: \"error\". Return a generic error to the browser, and never log recipients, message content, secrets, or whole error objects. The frontend must call this function and must never call AhaSend directly or contain the API key.”
The function it generates should look close to this. Create the client once at module scope, authenticate the caller, and load the order before sending:
supabase/functions/send-receipt/index.ts
Note what never crosses the boundary: the recipient address comes from the order row, not the request, and the error path logs a status and request ID rather than the caught error, whose message and body carry the provider’s response. The browser gets a generic 502. On a Node backend the code differs only in how it reads configuration and how it is routed: swap Deno.env.get(...) for process.env, and call the send from your Express, Fastify, or Nitro route after that route has authenticated the caller and loaded the order itself. Full framework setup lives in the Express and Next.js guides.

Handle the 202 Response

Success is 202, not 200: AhaSend has accepted and queued your message for asynchronous delivery. A handler that expects 200 reports failures that did not happen. The 202 body is multi-status: it carries one result per recipient. An individual recipient can come back status: "error" with a null id, a suppressed address for example, while the request succeeded and the promise resolves. Inspect every entry, not just the first.

Test in Sandbox Mode

Test through the deployed server function, including when you trigger it from Bolt’s preview; do not put the key in the WebContainer to test locally. Keep AHASEND_SANDBOX=true and AhaSend accepts the message, validates it, triggers the relevant webhooks, and logs it in your dashboard, then stops before delivery. That gives you a real round-trip to the API confirmed by a real 202, with nothing landing in an inbox while you iterate. Rehearse the failures too. Add sandbox_result: "bounce" to simulate a hard bounce, or "defer", "fail", and "suppress" for the rest, and check your code handles each. The full set is in the sandbox mode guide.

Deploy and Verify the Key

Your deployed backend and frontend live in different homes. Before you call it done:
1

Search for the key in frontend code and preview settings

No aha-sk- string anywhere in the frontend and no AhaSend variable exposed to the WebContainer. The key belongs in Bolt Database Secrets, Supabase Edge Function secrets, or the environment of the Node host that sends the message.
2

Confirm the browser calls your backend

The frontend calls your Edge Function or your Node route; only that backend talks to api.ahasend.com.
3

Confirm the function rejects unauthenticated callers

Call the deployed function URL with no session attached. It must answer 401 rather than send anything. Keep JWT verification enabled on it, and check that the recipient address is read from your database rather than from the request body: a function that emails whatever address the caller passes is a relay even when callers have to sign in.
4

Flip sandbox off deliberately

Set AHASEND_SANDBOX=false in the backend’s secret store, then send one real test to an address you control. Any other value, including a missing value, keeps the example in sandbox mode.

Going Further

  • Templating: pass substitutions per recipient and use {{ variable }} in the subject or body.
  • Batch sends: recipients accepts up to 100 entries, each of which gets its own message.
  • Idempotency: pass your own stable key as the second argument to send(), as the example does, so a double-click cannot send twice within the 24-hour replay window. Reuse a key only for the exact same payload; 5xx outcomes are not stored.
  • Building in a different AI tool? See v0 and Lovable. See the API reference for every field.

Troubleshooting

Confirm the import is server-side and uses the Deno npm specifier exactly as shown: npm:@ahasend/sdk. There is nothing to install in the app’s package.json for this path — the runtime resolves the specifier. If it still fails, redeploy and inspect the function’s logs.
The key was set in the project preview or frontend host instead of where the send runs. For Bolt Database, use Database > Secrets. For your own Supabase project, use supabase secrets set; hosted Edge Functions receive updated secrets without a redeploy.
The caller has no session. Sign in and invoke the function through the authenticated Supabase client so the request carries the user’s JWT. Do not disable JWT verification or switch the function to unauthenticated access to make the error go away: that publishes a send endpoint to the internet.
Confirm the published frontend calls the same server-function URL and that the function’s own secret store contains the API key, account ID, and intended sandbox setting. Then look at the AhaSend dashboard logs: a message that never reached AhaSend leaves no log line.
The from address must belong to a verified sending domain on your account. Check domain status in the dashboard.