Ionic 5 App Navigation with Login, Guards & Tabs Area

Learn to build a full Ionic 5 starter template with login page, introduction, authentication guards and more additional functionalities!

#############################

👨‍💻Want to read instead of watch?

🤷‍♂️Want more Ionic tutorials?

⚡️Take my 7 Day Ionic Crash Course

#############################

❤️You can also find me...

Or join our Facebook group:

#############################

[carlosredfield]

great tuto
Intro section 0:00
Login section 11:46
autologin section 33:00

[prasadnarayana]

Your awesome
Really I need this setup, today only I have seen your 31 mins 1 year back video in order to create a setup like this. That video took like 3hrs to understand and implement in my demo application.
Now so how you uploaded this video which can solve my requirements with easy I can't thank you enough. Your really awesome.
You made my day happy😍😍😍
Thank you Soo much.
Love your tutorials.

[sunnysahani]

man, you explained a lot of concepts in one video.
will take some time to absorb.

[highmountdigital]

Love the intro screen! Adding this to my list of pages to implement.👊😊

[berkahtiadakhir]

em,
works great, but on the web there are a few steps missed, leading to coding errors, thank you

[josesamuelproducoes]

Thanks man, its my first video learning Ionic

[TheSaceone]

This is awesome stuff. Navigation may seem one basic concept but it is not easy at all if you want to do it properly. Once again, Simon being the best teacher on YouTube.

[mohammedabdulhady]

You are the best
I started learning Ionic, 2 months ago, and your content is really really helpful..
Love you man

[SarathKumar-entq]

Thanks a lot. your videos become a quick guide for me

[ΑλέξανδροςΣμυρνής]

hello simon, and thanks for the video.
im midway through building my app and mostly came here to compare my practices to other, more experienced developers. I wanted to add the initial slide show to my app.
i wanted to ask a question about your intro guard page. youre saving the hasSeenIntro property in local storage. Wouldn't that mean that if the user logs out and closes the app, this variable would be reset, and so when the user opens the app again he would have to see the intro slides again?
if you include a guide on how to use the app, it only makes sense to present it the first time the user opens the app, and only then
please correct me if i am wrong

[jamesquinlan]

Great video but I'm still confused about the isAuthenticated guard observable at 30:00. Firstly, why not just set the initial value to false? Secondly, why is the observable is not completed? How many times would it run without introducing take() to only take 1 result?

[amrtahlawi]

Thank you for your video. I think the error you are getting is because you need to have the functions as public. When I added the public keyword, the error went away.

[ironwill_gg]

Hi, first of all, thanks for all of your tutorials, it helped me a lot.
I have a question though that I can't find an answer on the internet : what's the difference between @ionic/storage et the Capacitor storage ? Is one better than the other for mobile apps ?
Thank you !

[nicolasturen]

Wonderful video. perhaps you can give some advices for best way for navigating between tabs and its children, since the ion-back-button has a "strange" behavior while navigating back thought the stack.

[vtrjhgftrftrtfdttfrf]

Awesome tutorial Simon! Could you possibly explain how I can make a registration page with this template?

[schahinezelairedj]

please how to retrieve data from model.ts and display them (view) i use MVVM

[logikeCo]

Nice Video Thanks a lot! I think that i found the love for ionic at first sight.

[monsterforever]

you're awesome man! God bless you

[onetwothree-]

@Simon Grimm Hello Thanks for the tips and tricks in all your videos! One thing is quite confusing with such approach. AutoLoginGuard will redirect user to the private area, however, suppose user opened native settings from some page, user goes to the background and once he will come back it will goes through this guard and will be redirected to the url that set in the guard, but not to the url from where user came, this thing is quite tricky as need somehow to save last url between states, seems storage not the good place for that (because user can go to native settings and close the app) so next time he will open the app redirection url will be wrong in storage as at this time we need push user through guard

Tanks I needed this video. Tried changing CanActivate to CanLoad in my loginGuard but the first page still shows before being redirected to the login page.