← All guidesDashboard

User Authentication

Add user accounts, login, and protected routes to your web app.

Steps

  1. When creating a web app, mention "user authentication" in your prompt.
  2. The AI will generate login, signup, and password reset flows.
  3. User data is stored securely in DynamoDB with hashed passwords.
  4. Protected routes automatically redirect unauthenticated users.
  5. You can customize the auth UI by chatting with the AI in the editor.

Copy/paste prompts

Use these in the editor chat after you’ve gotten the required link/key/embed code.

App with auth

/guides/authentication
Build a note-taking app with user authentication. Users should be able to sign up, log in, and create private notes that only they can see.

Add auth to existing app

/guides/authentication
Add user authentication to this app. Include login, signup, and password reset pages. Protect the dashboard route so only logged-in users can access it.

Social login

/guides/authentication
Add Google OAuth login option alongside the email/password authentication.