Ten setup zniszczy Twój monolit – NX + Micro Frontendy w 2025 🤯
Odcinek opublikowany 11.07.2025💪 Frontendowa Siłka – NX + Micro Frontendy + Module Boundaries w jednym odcinku!W tym odcinku wrzucamy na klatę konkretny trening z NX-em i micro-frontendami. Bez gadania – odpalamy monorepo, stawiamy hosta, dwa MFEs i na koniec dokręcamy śrubę z module boundaries. Idealny plan treningowy dla każdego frontendowca, który chce opanować modularny monorepo-stack jak zawodowiec.📌 Co znajdziesz w tym odcinku?🔨 Setup NX z Module Federation – konfigurujemy jeden host i dwa MFE w Angularze🧠 NX Graph w praktyce – pokazujemy jak wizualnie ogarnąć zależności między appkami🚧 Module Boundaries – jak ustawić granice pomiędzy domenami i feature’ami, żeby każdy wiedział gdzie jego miejsce🎯 Realny przykład architektury gotowej do skalowania w dużym zespole📎 Przydatne linki z odcinka:Instalacja NX: https://nx.dev/getting-started/installationMFE z module federation: https://nx.dev/technologies/module-federation/concepts/micro-frontend-architectureModule Boundaries: https://nx.dev/features/enforce-module-boundaries💬 Daj znać w komentarzu, czy używacie NX i czy konfigurujecie module boundaries w swoim projekcie. A jeśli nie, to może czas zacząć? 😉
Siema, siema, Frontendowe Świry. Witamy Was na Frontendowej Siłowni. Ja nazywam się Aleksander Lubych. Ja nazywam się Jakub Pawlak. Zapraszamy. Po takim wstępie, Jakub, myślę, że wszystko jest jasne, prawda? Raczej nie. Nie. Dawaj. Rozumiem, o co chodzi. Pewnie, że nie. Słuchajcie, mieliśmy taki pomysł, żeby Wam zaserwować troszeczkę więcej... Masy. Masy, tak. Czyli więcej takiego contentu, który będzie bardziej treściwy, nie tylko przegadany. Białko. Samy białeczko, dokładnie, same białeczko. Nie ma upierdalania się. Ciebie iść na silownię. Tak jak już wspomnieliśmy w poprzednim odcinku, rozpoczynamy taką serię. Nie wiemy jeszcze, jak długo będzie trwać, ale prawdopodobnie siedem odcinków.
Możemy dodać tutaj remote. Tak jest. To zróbmy jeszcze raz linter. No i dalej coś. Coś nam krzyczy. Coś nam krzyczy. Zobaczmy, co nam krzyczy. Dashboard, project, tag with remote, on remote. Zobaczmy. Nasz lint wykrył, że jest jakaś zależność w remoncie do liby, które są przeznaczone tylko dla shell'a. I to jest dokładnie to, dlaczego te module bundles robimy. Teraz spójrzmy na nasz graf. Tak jak Jakub wcześniej wspomniał, to nie jest to, do czego dążymy. Nie chcemy mieć circular dependencies, nie chcemy mieć ukrytych dependencji pomiędzy shell'em a micro frontend'em.
Pokazano wszystkie 2 dopasowania. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.
Kliknij, aby znaleźć fragmenty, w których pada.
Odcinek opublikowany 11.07.2025
💪 Frontendowa Siłka – NX + Micro Frontendy + Module Boundaries w jednym odcinku!
W tym odcinku wrzucamy na klatę konkretny trening z NX-em i micro-frontendami. Bez gadania – odpalamy monorepo, stawiamy hosta, dwa MFEs i na koniec dokręcamy śrubę z module boundaries. Idealny plan treningowy dla każdego frontendowca, który chce opanować modularny monorepo-stack jak zawodowiec.
📌 Co znajdziesz w tym odcinku?
🔨 Setup NX z Module Federation – konfigurujemy jeden host i dwa MFE w Angularze
🧠 NX Graph w praktyce – pokazujemy jak wizualnie ogarnąć zależności między appkami
🚧 Module Boundaries – jak ustawić granice pomiędzy domenami i feature’ami, żeby każdy wiedział gdzie jego miejsce
🎯 Realny przykład architektury gotowej do skalowania w dużym zespole
📎 Przydatne linki z odcinka:
Instalacja NX: https://nx.dev/getting-started/installation
MFE z module federation: https://nx.dev/technologies/module-federation/concepts/micro-frontend-architecture
Module Boundaries: https://nx.dev/features/enforce-module-boundaries
💬 Daj znać w komentarzu, czy używacie NX i czy konfigurujecie module boundaries w swoim projekcie. A jeśli nie, to może czas zacząć? 😉