E-mail versturen vanuit CopilotKit

Geef de copilot in je React-app een e-mailactie — de sleutel blijft op de server, de actie in je component.

Gratis tot 3.000 e-mails per maand. Geen creditcard.

CopilotKit voegt een AI-assistent toe aan je React-app. Je definieert send_email als copilot-actie via useCopilotAction. De handler roept een eigen server-route aan die WeSender aanroept. De API-sleutel blijft altijd server-side.

Hoe het werkt

Wat dit inhoudt

Met useCopilotAction() registreer je een actie in de CopilotKit-context. De handler in de actie roept je eigen server-route aan via fetch('/api/send-email'). Die route importeert de WeSender Node SDK en verstuurt de mail. Zo is de API-sleutel nooit zichtbaar in de browserbundel.

Dit is het enige veilige patroon: WeSender direct aanroepen vanuit de browser zou de API-sleutel blootstellen aan elke bezoeker van je app.

Mogelijkheden

Alles wat je nodig hebt

Live in vijf minuten

SDK installeren, API-sleutel toevoegen en eerste e-mail versturen vanuit CopilotKit. Geen SMTP-configuratie.

EU-dataopslag

Alle e-mailverwerking vindt plaats in Nederlandse datacenters. Data verlaat de EER nooit.

REST API + officiële SDK's

Officieel Node.js- en Python-pakket. Volledige REST API voor elke andere taal of stack.

Realtime bezorganalytics

Inzicht in bezorgpercentages, bounces en klachten per domein, direct in je dashboard.

Webhooks voor bezorgevents

Realtime notificaties bij bezorgd, gebounced, geopend en geklikt. Bouw slimme workflows op e-mailevents.

Schaalt mee met je groei

Begin gratis met 3.000 e-mails per maand. Schaalt naar miljoenen e-mails. Geen contracten of lock-in.

Snelstartgids

In drie stappen live

1

SDK installeren en sleutel instellen

npm install @wesender/node en sla WESENDER_API_KEY op als omgevingsvariabele in je project.

2

send_email tool registreren

Definieer send_email als tool in CopilotKit met from, to, subject en html als parameters.

3

Agent aanroepen

Geef de CopilotKit-agent een instructie. Hij roept send_email zelf aan. Je eerste mail arriveert in seconden.

Toepassingen

Wanneer gebruik je dit

Gebruik CopilotKit met WeSender als je een in-app AI-assistent bouwt die e-mail als actie heeft: gebruikers die via de copilot een bevestigingsmail laten sturen, een rapport e-mailen of een collega notificeren.

Infrastructuur

Waarom WeSender

WeSender verwerkt e-maildata in Europese datacenters binnen de EER. Per domein zijn bounce- en klachtanalyses beschikbaar. Het gratis plan biedt 3.000 mails per maand zonder creditcard.

Data in Europese datacenters

E-mailverwerking in de EU. Data verlaat de EER nooit. Verwerkersovereenkomst beschikbaar voor Pro en Business-klanten.

FAQ

Veelgestelde vragen

Mag mijn API-sleutel in de browser staan?

Nee. Houd de WeSender API-sleutel altijd op de server en laat de browser je eigen serverroute aanroepen. Zo is de sleutel nooit zichtbaar in je frontend-code of de browser-devtools.

Kan de gebruiker de mail eerst bekijken?

Ja. Toon een concept in de copilot met een bevestigingsinteractie en verstuur pas na goedkeuring. CopilotKit ondersteunt dit standaard voor onomkeerbare acties.

Werkt dit met elke React-app?

Ja, zolang je een CopilotKitProvider rond je app hebt en de actie wordt gedefinieerd in een component die daarbinnen valt.

Waarom mag de API-sleutel niet in de browser?

Een API-sleutel in frontend-code is zichtbaar voor iedereen die de broncode of netwerktabblad inspecteert. Gebruik altijd een server-route als tussenstap voor WeSender-aanroepen.

Werkt dit met Next.js App Router?

Ja. Maak een route.ts-bestand in app/api/send-email/ als serverroute. De useCopilotAction-handler roept deze route aan via fetch.

Voldoet dit aan de AVG?

WeSender verwerkt e-maildata in Europese datacenters binnen de EER. Er is een verwerkersovereenkomst beschikbaar voor Pro en Business-klanten.

Meer vragen? Bekijk de technische documentatie of open een supportticket.

Klaar om te beginnen?

Maak gratis een account aan. Geen creditcard, geen installatietijd. Jouw eerste e-mail vanuit CopilotKit gaat in minuten live.