This is a pretty decent default setup. But sometimes, we need much better control for loading modules. For example, have a look at the following scenario, where:
Firebase is a pretty big module (more than the size of react, react-dom and next.js all combined), so we're importing only
firebase/database that our app needs.
When it comes to client side, we only need firebase modules when the user starts navigating into a different page. So, if we can load the modules at that time, we can improve the initial loading of our app.
That is exactly what we are trying to do with this lesson.