This is a demonstration of how micro frontends with Next.js works

Here we have two applications deployed independently (home and products), to make them work as one app we defined the products app as a zone. to read more about it check Next.js Multi Zones

Also we are sharing the nav ↑ component from the home app using module federation feature which is introduced in webpack v5 to read more about it check Module Federation

For detailed explanation check this link

@adelscript