Skip to content
Back

New user onboarding page

  • 0
  • Auth
  • Web
  • Cloud
stranger
6 Nov, 2024, 11:29

I am having a react vite web app (CSR), I want to show a welcome card or interface for the first time login only for a user. I am using a local flag for the first time login, while it is working with password and OTP authentication, I am not clear how implement this in case of Google oauth. Any idea how can I deal with that.

TL;DR
Developers are trying to implement a welcome card for new users in a React web app using a local flag. It's working for password and OTP authentication but not for Google OAuth. The challenge is dealing with sign in and log in OAuth calls. Suggestions include reconsidering user flow and flag settings.
Steven
6 Nov, 2024, 23:58

how is it any different?

stranger
7 Nov, 2024, 06:10

In case of register, it is being called only once, so I am using a flag there, in case of email OTP, we don't have user name in case of a new user, so I've included a flow to add name, after adding, I am using the same flag which will be set to true once only same as register. But in case of oauth, the same function will be called for sign in and log in, hence unable to find a way to implement it. Maybe I'm Missing something.

Steven
7 Nov, 2024, 06:13

if you're using a local flag, you can set the flag to true once you show the welcome card. then, next time they log in or whatever, the flag is set to true so don't show it

Steven
7 Nov, 2024, 06:13

doesn't matter how they log in

Steven
7 Nov, 2024, 06:14

if you don't want to store on device, you can use account preferences and do the same thing

stranger
7 Nov, 2024, 06:14

But in case of a different device it won't work

stranger
7 Nov, 2024, 06:15

This I can try

Steven
7 Nov, 2024, 06:15
stranger
7 Nov, 2024, 06:15

Let me work with that

stranger
7 Nov, 2024, 06:16

Thanks, I'll give it a try

Reply

Reply to this thread by joining our Discord

Reply on Discord

Need support?

Join our Discord

Get community support by joining our Discord server.

Join Discord

Get premium support

Join Appwrite Pro and get email support from our team.

Learn more