Create a custom reset password page in your Flutterflow app
ฝัง
- เผยแพร่เมื่อ 10 ธ.ค. 2023
- Finally back! Have been sick for a week and not been able to record any content. But now we are back in the game. In this video I show something I recently needed to add for my own app (awsme.ai), a reset password page.
The standard reset password page that is used for the built in firebase/flutterflow functionality is (not to be mean, BUT...) super ugly. So will show you, how to set it up yourself and explain how the UX flows works.
Hope you find this video helpful.
Here is my email if you need any help with anything: leomcmillion@gmail.com
I got you back for life!
#education #tutorial #learning #building #software #flutterflow #flow #softwaredeveloper #creative #fullstack #webapp #api #flutterflow #firebase #google #helping #value #ux
Do more videos buddy, expecting more videos of Flutterflow
Have a great day, Video is awesome
Thanks! Will do
Pretty good video ! Make more like these buddy 💪🏼💪🏼
what about if you do this on mobile app not web? 🤔
great video, thx a lot! :)
Hi! Nice video!
But I have some problems. i can`t get oobCode from the dynamic link in flutterflow. it s empty. dynamic link correctly redirect me to reset password page but I can`t get the params
Simply amazing. I tried figuring this out for a while.
One big issue that I see you also have is that the link exposes the apiKey. if you look at the video at 20:43, you can see that the apiKey is part of the address received from the link. any idea how to address this?
Great question! I answered you via email on how to do this without exposing the API key in the url. You can do it by routing the apj call via a custom cloud function and then get your google api key from your secret manager in google cloud (you need to store the api key as a secret key in the google cloud secret manager). Takes a little more work but is worth it for security.
Hi! Can you do the exact same video but for mobile publishment?
Or is it the exact same?
@@abcdefg7878 yeah it should be the exact same. But you will need to find the url for where your reset password page it stored. Not sure how it will look since you are creating a mobile app. Try to avoid dynamiclinks for that since they will be removed soon.
Otherwise I can just create a video about how to do this after christmas.
nice video, i would like to know if possible to localise the message for different languages
Thanks! Can find out and let you know how to do it. If it is somewhat complicated I can create a video about it.
@@leomcmillionhello any news ?
@@Sergedable sorry for the delay. Had forgot to make a video about it, have gotten many other requests. But here is a great documentation page from flutterflow about how to set up mulfi language for your app: docs.flutterflow.io/settings-and-integrations/project-setup/languages
Nice video thanks for sharing. Btw, when we customize the link it changes the link for all the templates both reset password and email verification templates. Is there a solution for this?
Have a great day.
I recommend just building a custom email verification page as well. Since you can't hard code a specific url in the templates (because then the oob code it missing), or set multiple action urls, you will need to use the same flutterflow page for all the email templates. But since you get the "mode" parameter as well you can use simple conditional logic in flutterflow to show different content depending on what the users is doing (reseting password or other). Looks much better to avoid the default template and building your own:)
@@leomcmillion Thank you. I'll certainly try this.
Hi! Could you show us how to set up an invite code app so that people with only the invite link can use the app and then show how to later unlock it to everyone? Please
Yep, can definatly do that!
@@leomcmillion yay! That would be awesome! Do u have it coming soon? Cause I would really want to know how to do it as fast as possible!
@@abcdefg7878 Yeah planned on doing it a day or so after christmas.
@@abcdefg7878 here is the video on how to setup the invite code: th-cam.com/video/uCDC4hL67Fk/w-d-xo.htmlsi=g1t2hgkZiGiBAanr
To open the app to everyone it is just to remove the validCode boolean from the disable button field. Will make sense when you watch the video.
@@leomcmillion thank you so much for doing this! I will try to recommend your channel to everyone I know!! Thanks again!
E com SupaBase?
Am not experienced with SupaBase so am not the best person t0 help you with that.