Wie Login-E-Mails in einer Bolt-App funktionieren
Die eingebaute Datenbank von Bolt enthält Authentifizierung, und ihre Einstellungen erscheinen, sobald dein Projekt eine Datenbank hat: Öffne das Datenbank-Symbol oben auf dem Bildschirm, dann Authentication. Wenn sich jemand registriert oder einen Passwort-Reset oder Magic Link anfordert, sendet der Auth-Dienst der Datenbank die E-Mail (laut der Doku von Bolt basieren die Vorlagen auf Supabase), und der Link wird aus deiner Site URL und Redirect-Liste gebaut.
Deine Login-Optionen in Bolt
| Anmeldeoption | E-Mails, die deine Nutzer bekommen | Mit Proxy Mail QA testen |
|---|---|---|
| E-Mail und Passwort | Bestätigung (falls du sie verlangst), Passwort-Reset, E-Mail-Änderung | Ja |
| Magic Links oder Codes, wenn du Bolt darum bittest | Ein Link oder Code zur Anmeldung | Ja |
| Weiter mit Google | Keine zum Anmelden | Nein: Nutze ein Google-Konto, das dir gehört |
Die Google-Anmeldung braucht deinen eigenen OAuth-Client in Google Cloud: Bolt zeigt unter All project settings → Authentication → Continue with Google die Weiterleitungsadresse, die du im Client einträgst. Teste sie in der veröffentlichten App, nicht nur in der Vorschau. Neu bei diesen Optionen? Login-Methoden erklärt.
Teste jede Login-E-Mail in fünf Minuten
- Aktiviere die Bestätigung. Öffne das Datenbank-Symbol, dann Authentication → Email, und schalte Require users to confirm their email after signing up ein, wenn deine App Adressen prüfen soll.
- Veröffentliche, dann erstelle eine Adresse in Proxy Mail QA, mit generierter Persona, falls dein Formular nach einem Namen fragt.
- Registriere dich in der veröffentlichten App, nicht nur in der Vorschau.
- Nutze den Link oder Code aus der Zeile. Ein Bestätigungslink bekommt die Buttons Link öffnen und Link kopieren; Codes einen Button Kopieren.
- Teste dann den Rest: Melde dich ab, setz das Passwort zurück, melde dich mit dem neuen an und speichere es in der Zeile. Noch kein Link Passwort vergessen? Bitte Bolt, einen hinzuzufügen.
Die zwei Einstellungen, die du prüfen solltest
1. Site URL und Redirects. Unter Advanced Authentication options sollte die Site URL deine veröffentlichte Adresse sein und die URI allow list jede Adresse enthalten, auf der deine App läuft. Wenn ein Reset-Link auf localhost:3000 landet, liegt es daran. Proxy Mail QA markiert Links, die zu einer lokalen Adresse führen, auch solche, die erst nach dem Verifizieren dorthin umleiten. Vollständige Anleitung.
2. Die E-Mail-Vorlage. Klick in Authentication auf die Zeile Email, dann auf Edit email templates, um Betreff und Text jeder E-Mail zu ändern. Wenn du den Code ({{ .Token }}) in die Vorlage einfügst, zeigt die Zeile ihn mit einem Button zum Kopieren; der Link ({{ .ConfirmationURL }}) bekommt die Buttons Link öffnen und Link kopieren.
Prompts zum Kopieren für Bolt
Füge diese in den Chat von Bolt ein. Teste dann noch einmal mit einer neuen Adresse.
List every email this app sends: sign-up confirmation, 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.Make every auth email link back to the published app, not localhost. Use the current site's address for the sign-up and password-reset redirects, and make sure the published address is in the authentication redirect list.After a password reset, send the user to a page where they choose a new password, then sign them in. Show a clear message if the reset link has expired or was already used.