Email Verification Page

I'll create a confirmation email verification page for your app. This page will handle the verification token from the email link and show appropriate success or error messages.

How to Use This Verification System

The verification URL should be: https://yourdomain.com/verify?token=VERIFICATION_TOKEN
When a user signs up, you should:
- Generate a unique verification token
- Store it in your database associated with the user
- Send an email with a link to /verify?token=VERIFICATION_TOKEN
When implementing with Supabase Auth 1, you can customize the email template to use this URL format. In your Supabase dashboard:
- Go to Authentication > Email Templates
- Edit the "Confirm signup" template
- Replace {{ .ConfirmationURL }} with {{ .SiteURL }}/verify?token={{ .TokenHash }}
For the API implementation, you'll need to connect the route handler to your authentication system. With Supabase, you can verify the token using:

const { error } = await supabase.auth.verifyOtp({
  token_hash: token,
  type: 'email'
});

This verification page provides a clean user experience with loading, success, and error states, along with the ability to resend verification emails if needed.

I'll create a confirmation email verification page for your app. This page will handle the verification token from the email link and show appropriate success or error messages.

How to Use This Verification System

The verification URL should be: https://yourdomain.com/verify?token=VERIFICATION_TOKEN
When a user signs up, you should:
- Generate a unique verification token
- Store it in your database associated with the user
- Send an email with a link to /verify?token=VERIFICATION_TOKEN
When implementing with Supabase Auth 1, you can customize the email template to use this URL format. In your Supabase dashboard:
- Go to Authentication > Email Templates
- Edit the "Confirm signup" template
- Replace {{ .ConfirmationURL }} with {{ .SiteURL }}/verify?token={{ .TokenHash }}
For the API implementation, you'll need to connect the route handler to your authentication system. With Supabase, you can verify the token using:

const { error } = await supabase.auth.verifyOtp({
  token_hash: token,
  type: 'email'
});

This verification page provides a clean user experience with loading, success, and error states, along with the ability to resend verification emails if needed.