E-mail versturen vanuit v0

Genereer React-componenten met Vercel v0, verstuur mail via WeSender.

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

v0 genereert React-componenten en Next.js-code via prompts. Voor e-mail prompt je v0 om een Next.js Server Action of API-route te genereren die WeSender aanroept. De API-sleutel stel je in als omgevingsvariabele in je Vercel-project.

Hoe het werkt

Wat dit inhoudt

v0 is gespecialiseerd in UI-componenten maar kan ook server-side Next.js-code genereren. Je prompt expliciet om een Server Action of API-route. De Server Action importeert de WeSender Node SDK en roept client.emails.send() aan. De UI-component roept de Server Action aan via een formuliersubmit.

Na export naar een Next.js-project voeg je WESENDER_API_KEY toe als omgevingsvariabele in Vercel. Lokaal gebruik je een .env.local-bestand.

Mogelijkheden

Alles wat je nodig hebt

Live in vijf minuten

SDK installeren, API-sleutel toevoegen en eerste e-mail versturen vanuit v0. 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

API-sleutel ophalen

Haal je WeSender API-sleutel op via app.wesender.nl en bewaar hem als project-secret.

2

Secret veilig opslaan

Voeg WESENDER_API_KEY toe als omgevingsvariabele of secret in v0. Nooit in client-side code.

3

v0 schrijft de integratie

Prompt v0 om een serverroute of Edge Function te maken die e-mails verstuurt via de WeSender API.

Toepassingen

Wanneer gebruik je dit

Gebruik v0 met WeSender als je snel een Next.js-contactformulier, aanmeldingspagina of andere UI wilt bouwen met e-mailfunctionaliteit. v0 genereert de UI, jij voegt de WeSender-route toe.

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.

Waarom WeSender

Gebouwd voor developers

Data in Europese datacenters

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

Geen code nodig

Koppel WeSender aan v0 via de visuele editor, zonder een regel code te schrijven.

Realtime bezorgstatistieken

Volg bezorging, bounces en klachten per domein. Webhooks voor elk bezorgevent.

Data in Europese datacenters

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

Begin gratis: 3.000 e-mails per maand, geen creditcard. Schaalt mee van 9 euro/mnd (Starter) tot 49 euro/mnd (Business). Betalen via iDEAL, Wero of automatische incasso.

Alle abonnementen bekijken

FAQ

Veelgestelde vragen

v0 genereert client-side code. Hoe voorkom ik dat de API-sleutel in de browser komt?

Gebruik altijd een Server Action (bestand begint met 'use server') of een API-route (app/api/send-email/route.ts). v0-componenten zelf zijn client-side React, maar de e-mailverzending moet altijd server-side.

Kan ik de WeSender Node SDK gebruiken in een Server Action?

Ja. Installeer @wesender/node en gebruik: import { Wesender } from '@wesender/node'; const client = new Wesender(process.env.WESENDER_API_KEY!); const result = await client.emails.send({...});

v0 heeft geen server-side code gegenereerd. Moet ik dat zelf schrijven?

Ja. v0 genereert UI-componenten. De server-side logica voor e-mail schrijf je zelf in een Server Action of API-route. Dat is maar een enkel bestand en volgt exact het patroon in de voorbeeldcode boven.

Kan ik v0 gebruiken zonder Next.js?

v0 exporteert primair naar Next.js. Voor andere frameworks gebruik je de v0-component als startpunt en schrijf je de server-side WeSender-aanroep zelf in het framework naar keuze.

Werkt dit ook met Bolt of Lovable?

Ja. Alle drie zijn AI-app-builders waarbij de WeSender-aanroep server-side moet plaatsvinden. Het patroon is vergelijkbaar: prompt voor een server-route, sla de sleutel veilig op.

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 v0 gaat in minuten live.