https://github.com/ionicthemes/ionic-navigation-and-routing

🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!
https://github.com/ionicthemes/ionic-navigation-and-routing

angular-router angular-router-guard angular-routing ionic ionic-angular ionic-apps ionic-framework ionic-tutorial ionic-tutorials ionic5 ionic5-example pwa

Last synced: 3 days ago
JSON representation

🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!

• Host: GitHub
• URL: https://github.com/ionicthemes/ionic-navigation-and-routing
• Owner: ionicthemes
• License: mit
• Created: 2019-03-07T17:55:34.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T03:38:36.000Z (almost 2 years ago)
• Last Synced: 2024-04-10T16:41:47.360Z (7 months ago)
• Topics: angular-router, angular-router-guard, angular-routing, ionic, ionic-angular, ionic-apps, ionic-framework, ionic-tutorial, ionic-tutorials, ionic5, ionic5-example, pwa
• Language: TypeScript
• Homepage: https://ionicthemes.com/tutorials/about/ionic-navigation-and-routing-ultimate-guide
• Size: 2.75 MB
• Stars: 46
• Watchers: 3
• Forks: 18
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Ionic Navigation & Routing: The Ultimate Guide

### About this ionic Framework navigation starter

Find out how to get the most out of the Angular router in Ionic applications. Also, this repo has some usability tricks you can add to your Ionic Applications to make them look even better!

This repo is the code of an Ionic 5 starter app that we created as part of a [Ionic Navigation & Routing: The Ultimate Guide](https://ionicthemes.com/tutorials/about/ionic-navigation-and-routing-ultimate-guide). In this tutorial your will learn to master navigation with Ionic and Angular using the Angular Router.

### Start with Ionic Framework

This post is part of the *Mastering Ionic Framework* series which deep dives into Ionic 5 more advanced stuff. Don't be afraid, if you are new to Ionic Framework, I strongly recommend you to first read our [previous introductory ionic 5 tutorial](https://ionicthemes.com/tutorials/about/ionic5-tutorial-migration-and-starter)

### Install this Ionic 5 starter app

```

npm install

```

### Browse Ionic Framework App

```

ionic serve

```

### Demo

- [Online demo](https://ionic-4-navigation.firebaseapp.com/home)

### Free Ionic Examples

Find more Ionic tutorials and starter apps in https://ionicthemes.com

### Get a premium Ionic 5 Starter App

Did you know that we recently released [Ionic 5 Full Starter App](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version)? It's an ionic 5 starter app that you can use to jump start your Ionic app development and save yourself hundreds of hours of design and development.

It is also a PWA and can be used both on the web and on mobile devices as a native app. Try it on your phone to see how it works!

It also has lots of practical use cases you can use to learn Ionic Framework from scratch!