2 replies

Email Verification

Plugins related

Elysia🤔Question

I am using email and password method for sign up and sign in. For email verification instead of link verification I am using OTP verification the following way:

When user sign ups he is redirected to /verify-email route on frontend which contains OTP input for code from verification email which is sent on sign up. After entering it I want user to be authenticated but as he doesn't have session after verifying his email through OTP.

Email verification does work, but my concern for UX that you have to enter your credentials once again after signing up and verifying the OTP. Is there any way I can sign in user after email verification using this OTP flow? The option from email verification config doesnt work with OTP.

emailOTP({
      overrideDefaultEmailVerification: true, 
      sendVerificationOnSignUp: true,
      otpLength: 6,
      expiresIn: 300,
      sendVerificationOTP: async ({ email, otp, type }) => {
        if (type === "email-verification") {
          resend.emails.send({
            from: `${Bun.env.EMAIL_SENDER_NAME} <${Bun.env.EMAIL_SENDER_ADDRESS}>`,
            to: email,
            subject: "Verify your email address",
            react: OTPEmail({ otp }),
          });
        }
      },
      changeEmail: {
        enabled: true,
      }
    })

emailOTP({
      overrideDefaultEmailVerification: true, 
      sendVerificationOnSignUp: true,
      otpLength: 6,
      expiresIn: 300,
      sendVerificationOTP: async ({ email, otp, type }) => {
        if (type === "email-verification") {
          resend.emails.send({
            from: `${Bun.env.EMAIL_SENDER_NAME} <${Bun.env.EMAIL_SENDER_ADDRESS}>`,
            to: email,
            subject: "Verify your email address",
            react: OTPEmail({ otp }),
          });
        }
      },
      changeEmail: {
        enabled: true,
      }
    })

Email Verification

Plugins related

Elysia🤔Question

emailOTP({
      overrideDefaultEmailVerification: true, 
      sendVerificationOnSignUp: true,
      otpLength: 6,
      expiresIn: 300,
      sendVerificationOTP: async ({ email, otp, type }) => {
        if (type === "email-verification") {
          resend.emails.send({
            from: `${Bun.env.EMAIL_SENDER_NAME} <${Bun.env.EMAIL_SENDER_ADDRESS}>`,
            to: email,
            subject: "Verify your email address",
            react: OTPEmail({ otp }),
          });
        }
      },
      changeEmail: {
        enabled: true,
      }
    })

emailOTP({
      overrideDefaultEmailVerification: true, 
      sendVerificationOnSignUp: true,
      otpLength: 6,
      expiresIn: 300,
      sendVerificationOTP: async ({ email, otp, type }) => {
        if (type === "email-verification") {
          resend.emails.send({
            from: `${Bun.env.EMAIL_SENDER_NAME} <${Bun.env.EMAIL_SENDER_ADDRESS}>`,
            to: email,
            subject: "Verify your email address",
            react: OTPEmail({ otp }),
          });
        }
      },
      changeEmail: {
        enabled: true,
      }
    })

Email Verification

Email Verification

Similar Threads