Automatisch aus dem Englischen übersetzt.

Auf Englisch lesen
Proxy Mail QA

Registrierungs- und Anmelde-E-Mails in Apps testen, die mit v0 gebaut sind

v0 baut eine Next.js-App und deployt sie auf Vercel. Bittest du um Konten, verbindet es meist Supabase für die Anmeldung, manchmal Clerk. Deren E-Mails funktionieren für echte Nutzer erst, wenn einige Einstellungen dazu passen, wo deine App tatsächlich läuft.

Aktualisiert am

Deine Anmeldeoptionen in v0-Apps

Anmeldeoption E-Mails, die deine Nutzer bekommen Mit Proxy Mail QA testen
E-Mail und Passwort, mit Supabase Bestätigung, Passwort-Reset, E-Mail-Änderung Ja
Magic Links oder Codes, mit Supabase Ein Link oder Code zur Anmeldung Ja
E-Mail und Passwort, mit Clerk Ein Bestätigungscode, Codes zum Zurücksetzen des Passworts Ja
Google-, GitHub- und andere Buttons Keine zum Anmelden Nein: Nutze ein Konto, das dir gehört

Nicht sicher, welche deine App nutzt? Frag v0: „Welche Authentifizierung nutzt diese App, und welche E-Mails sendet sie?“ Anmeldemethoden erklärt beschreibt, was jede Option tut.

Teste jede Login-E-Mail in fünf Minuten

  1. Deploye und öffne dann deine Produktionsadresse, nicht die Vorschau in v0.
  2. Erstell eine Adresse in Proxy Mail QA, mit einer generierten Persona, falls dein Formular nach einem Namen fragt.
  3. Registriere dich und nutze den Link oder Code aus der Zeile. Ein Bestätigungslink bekommt die Buttons Link öffnen und Link kopieren; Codes bekommen einen Button Kopieren.
  4. Teste dann den Rest: abmelden, Passwort zurücksetzen, mit dem neuen anmelden und es in der Zeile speichern.
  5. Wiederhole es einmal in einem Preview-Deployment, wenn dein Team Änderungen dort prüft, bevor sie live gehen.

Supabase: drei Einstellungen zum Prüfen

1. Site URL und Redirect URLs. Öffne in deinem Supabase-Projekt Authentication → URL Configuration. Setze Site URL auf deine Produktionsdomain und füge deine eigene Domain und https://*-your-team.vercel.app/** (mit dem Namen deines Vercel-Teams) unter Redirect URLs hinzu, damit auch Preview-Deployments funktionieren. Proxy Mail QA markiert Links, die zu localhost führen, auch gehostete Supabase-Links, die erst nach der Bestätigung dorthin weiterleiten. Vollständige Anleitung.

2. Der Redirect im Code. Registrierung, Magic Links und Passwort-Zurücksetzen sollten Supabase bitten, Nutzer zur echten Adresse deiner Website zurückzuschicken, aus einer Umgebungsvariable oder der Adresse der aktuellen Seite, niemals ein fest eingetragenes localhost.

3. Der E-Mail-Absender. Der eingebaute Absender von Supabase ist für die Entwicklung: Er sendet nur 2 E-Mails pro Stunde und nur an Mitglieder des Teams deines Supabase-Projekts, daher verlässt Mail an eine Testadresse Supabase nie. Richte eigenes SMTP mit einem Anbieter wie Resend ein, bevor du mit externen Adressen testest oder startest. Weitere Gründe, warum E-Mails nicht ankommen.

Clerk: Entwicklung und Produktion

Clerk startet deine App auf einer Entwicklungsinstanz mit eigenen Nutzern. Vor dem Start erstellst du eine Produktionsinstanz und verbindest deine Domain mit den DNS-Einträgen, die Clerk auflistet; in der Entwicklung angelegte Konten werden nicht übernommen. Registriere dich in der Produktion erneut mit einer neuen Adresse und prüfe, ob der Bestätigungscode ankommt und funktioniert.

Prompts zum Kopieren für v0

List every email this app sends: sign-up confirmation, verification code, magic link, password reset, invite and email change. For each, tell me what triggers it, which URL its link points to, and how long its link or code stays valid. Flag anything that uses localhost.
Build every redirect in sign-up, magic link and password reset emails from an environment variable for the site's public URL, falling back to the current page's address. Never hard-code localhost.
Add a Forgot password flow: a page to request the email, and a page to choose a new password that then signs the user in. Show a clear message when the link has expired or was already used, with a button to send a new one.

Probier es bei deinem nächsten Registrierungstest aus

Kostenloser Tarif, keine Kreditkarte nötig. Erstelle eine Adresse und sieh zu, wie der Code oder Link ankommt.

Kostenloses Konto erstellenApp öffnen

Fragen

Warum führt mein Bestätigungslink zu localhost:3000?

Supabase baut den Link aus deiner Site URL, die anfangs http://localhost:3000 ist, außer dein Registrierungscode fordert eine Redirect-Adresse an, die auf der Liste der Redirect URLs steht. Setze die Site URL auf deine Produktionsdomain und füge deine anderen Adressen unter Redirect URLs hinzu.

Die Registrierung funktioniert auf meiner Produktionsdomain, aber nicht in Preview-Deployments. Warum?

Jedes Vercel-Preview-Deployment bekommt eine eigene Adresse. Füge den Redirect URLs von Supabase einen Platzhalter wie https://*-your-team.vercel.app/** hinzu, damit Links aus einer Preview zu ihr zurückführen.

Kann ich die Anmeldung in der Vorschau von v0 testen?

Teste sie in deiner deployten App. Die Vorschau in v0 läuft unter einer eigenen Adresse, die meist nicht auf der Liste der Redirect URLs von Supabase steht, daher fallen Links in Anmelde-E-Mails auf die Site URL zurück, statt zur Vorschau zurückzuführen.

Alle E-Mail-Testprobleme ansehen, die wir lösen

v0 und Vercel sind Marken von Vercel, Inc. Supabase ist eine Marke von Supabase, Inc. Clerk ist eine Marke von Clerk, Inc. Proxy Mail QA ist unabhängig und weder mit ihnen verbunden noch von ihnen unterstützt.

Eine Frage zu dieser Seite?

Frag in jeder Sprache. Die Doku kann dir sofort antworten oder deine Frage an das Team von Proxy Mail QA schicken, das auf Englisch antwortet.

Doku fragen