AI Builder-gidsen

Bolt.new + WeSender

Bolt bouwt full-stack apps op basis van prompts. Gebruik Remix of Next.js als framework voor server-side API-routes. Zo blijft de API-sleutel server-side en komt hij nooit in de browser terecht.

Voorbeeldprompt

Typ in Bolt:

Bolt-prompt

Maak een POST API-route /api/send-email. De route leest WESENDER_API_KEY
uit process.env en stuurt een e-mail via POST https://api.wesender.nl/v1/emails
met JSON-body {from, to, subject, html}. Geef het e-mail-id terug als JSON.

Bolt schrijft de route in het gekozen framework. Kies Remix of Next.js voor de beste resultaten met server-side secrets.

Omgevingsvariabele

Open het .env-venster in de Bolt-editor en voeg de variabele toe:

.env

WESENDER_API_KEY=jouw_sleutel

Zorg dat de productie-omgeving ook de WESENDER_API_KEY-variabele heeft na het deployen.

Remix API-route

app/routes/api.send-email.ts

import type { ActionFunctionArgs } from "@remix-run/node"
import { json } from "@remix-run/node"

export async function action({ request }: ActionFunctionArgs) {
  if (request.method !== "POST") {
    return json({ error: "Method not allowed" }, { status: 405 })
  }

  const { to, subject, html } = await request.json()

  const res = await fetch("https://api.wesender.nl/v1/emails", {
    method: "POST",
    headers: {
      "Authorization": `Bearer ${process.env.WESENDER_API_KEY}`,
      "Content-Type":  "application/json",
    },
    body: JSON.stringify({
      from: "noreply@jouwdomein.nl",
      to,
      subject,
      html,
    }),
  })

  const data = await res.json()
  return json(data, { status: res.status })
}

Zie ook het volledige overzicht op wesender.nl/ai/integraties/bolt.