Module Federation - Micro frontend architecture | nextjs

How can i use export pages but for app folder router?

very nice! Do you have an example of handling routing between remote and base?

it cant get any easier @victor santos, great tutorial!!

fala vitao, dá pra conectar um microfront next com um projeto só em react? usando esse plugin? vi no git que os cara tão cobrando pra usar ele

thankyou very much Victor, you solved most of my doubts, If you are available kindly answer this question, I want to fetch remotes names and urls json using a API call, so that I don't need to redeploy host application if I release/deploy any new component, kindly suggest a way to make remotes dynamic (fetching data using api call)

when I run the app after adding the config file I got this 'Internal Server Error' and this
error Error: 'entryOptions.layer' is only allowed when 'experiments.layers' is enabled

@victorsantos Can i get github url for reference ..

beautuful explaination, but the background music volume could have been waymore low , nice explaination kudos

How would you implement a auth dedicated mfe? Maybe using next auth library

Great content, but would be better without background music. It's loud, distracting and unnecessary...

Hi Victor, thank your for this video, am still watching. My only feedback is to reduce background volume to be able to understand what you speaks :)

How do we share store between shop and the main apps?

En español

Hey, tks for the tutorial. Very easy to follow. Sharing components are easy, but I am having a hard time sharing data and functions to use across child apps. Do you have an example of that? Tks

Nice video. I knew many new things about how make microfrontends.

Someone knows how can i fix this error when i tryed to import a component with dynamic ?

"Cannot find module 'main/footer' or its corresponding type declarations.ts(2307)"

Despite the content of the video being good, I fell asleep several times. Do not use this type of music, have the most active voice...

Hello victor, excellent video! it served me for my project but I wanted to implement the nav in another microfrontend but when placing it in my host application does not find the module of next / Link, I am obviously breaking the nav app. I was looking and I can't find how to solve it, do you have any idea how to solve it?

after config webpack, the app throws error …
'client-only' cannot be imported from a Server Component module. It should only be used from a Client Component. :(

Hi, this is a great video. However, im having difficulty using a css library (chakra-ui) it seems the apps dont share the styling. got an idea of a solution for this? Thanks!

Thanks for the contribution Victor, your example helped me a lot to solve my doubts about the architecture of micro-frontends. Now I just have to know the best way to deploy podruction 😅

const Header = dynamic(() => import("./header")); giving error

Use a monorepo managing package like lerna or nx or turborepo to make this process simplified. Amazing tutorial Vic

Hi Victor, thank you for the awesome video! What would happen to shop app when the main app component is not available at some moment for example being deploying or the server went down? Any safe-guard should be use on the shop app? Could you please also provide possible solution that is commonly used? Thank you.

Bravo. You made it work mate. Thanks a ton.

is module-federation/nextjs-mf free?

Hello Victor, are there already stable solutions for implementing ssr, and if so, where to look for them? Thanks for your help!

Hi Victor,

I'm using typeScript, however, i have a question about an warning.

```Cannot find module 'main/footer' or its corresponding type declarations.ts ```

while import footer from main app to shop app.

Could you please tell me how I can fix it? How to declare the component?

Thanks

Hello, tks for sharing. I have two doubts. Its a paid plugin? If not, I have try your tutorial, but when I config the next.config.js show me a error of webpack, I install the the webpack separetely like your instructions but the error persists. I downloaded the latest version of next and @module-federation/nextjs-mf, do you help me?

What is the content of _document.js of shop-app? Is it required for sharing components across the apps?

Hey Victor!

Thanks for a nice content.

I've a question that @mudule-federation/nextjs-mf depends on a plugin that is a paid licence isn't it? Do let me know if it's right? Or let me know did you deal with it!? How did it work when like you mentioned it has only read and view access?

Hello Victor! Thanks for this tutorial. I followed this, I was trying to use Tailwind css in both the apps. But css rules are not getting applied from shop app when I am checking main app and vice versa. Any thoughts ? Thanks in advance!

Hi, Lets say i have two apps and a developer i want to give access just to one of the apps. How will his app work if it's dependant of component from the second app i don't want to give access to?

Hello Victor, can you tell how to implement micro frontend with Next 13?

Hello Victor, can I use Module Federation with nextJs 13 which uses Turbopack? If so, please share any related references