Stateful Shell Navigation with Go Router: The Ultimate Guide

Building a great system warrants a greater Navigation System.

The navigation system is the core of a mobile application. In Flutter, you get native solutions like Navigator 1.0 APIs and the improved version, Navigator 2.0 APIs for navigation and a Router (for better handling navigation), and packages like GoRouter, Beamer, or Autoroute, and many more.

This will be a 2 part series because I can’t explain so much without wanting to take breaks so often. There is so much to go.

Note: This is a long series and each article will go into detail. You can skip the gory details and can still build an example if you just want to try it out. Here is the repository link to just try out the example

The series:

1. Stateful Shell Navigation with Go Router
2. Widget tree and Navigation Stack: Deep into Go Router and Navigator 2.0

We are going to be building the simplest application in Flutter. So simple, that we are only going to use the Counter Application we get when we create a new Flutter Project. I promise. Where and and how we will make it complex and break things up, is not on me.

Once we learn how a Navigator and Router work, Stateful Shell Navigation will be a piece of…