Mentionsy Mentionsy
Subiektywny Frontend
Subiektywny Frontend

Ten setup zniszczy Twój monolit – NX + Micro Frontendy w 2025 🤯

16.11.2025 ·16 min 56 s

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ąć? 😉

Aż siedem, bo tyle jest dni w tygodniu. Aż się zmęczymy. Proszę bardzo. Dokładnie. Siedem merytorycznych, proszę bardzo, merytorycznych odcinków. To się jeszcze okaże. Tak, zobaczymy po waszych komentarzach. Ale plan jest prosty. Chcielibyśmy przejść przez pewne zagadnienia, które nas jarają, ale troszkę głębiej. I dziś będziemy mieć rozgrzeweczkę w postaci postawienia NX-a, czyli Monorepo NX-owe, razem z Micro Frontendami. Oprócz tego, przejdziemy troszkę jeszcze przez to, jak wygląda NX-owy graf i spojrzymy sobie na ES linta Pretiera, czyli to, co nam NX daje od razu, a co jest dość potężne i dość ważne. Subiektywny Frontend.

No i dobre. To przejdźmy może przez strukturę katalogów. Czyli na dzień dobry dostajemy aplikację, jaką tam sobie wybraliśmy. U nas to się nazywa akurat Subiektywny i to nie jest jeszcze nasz docelowy setup. Out of the box dostajemy też od razu Pretierra, dostajemy Slinta i testrunner, który wcześniej wybraliśmy w CLI. Oczywiście oprócz tego mamy pakiet JSON i podstawowe pliki konfiguracyjne. Myślę, że nie będziemy wchodzili w aplikację subiektywną, bo zrobimy w zasadzie delete i papa aplikacja. Oczywiście mogliśmy wybrać none, czyli nie mogliśmy za setupowe, czysty workspace, ale po prostu poszło już z aplikacją.

Nie wspomnieliśmy o Pretierze, chociaż coś tam wspomniałem chyba, co nam wygenerował. No ale to w zasadzie po prostu mamy od NX-a dostajemy parę rzeczy, których NX-owy team uznał, że są istotne dla projektu. Znaczy to, co chcieliśmy właśnie wspomnieć, to jest to, że on jest dany od razu i można go sobie dokonfigurować bez żadnych ekstra konfiguracji, tak? Czyli po prostu on jest i nie trzeba w żaden sposób go zapinać. Tak. I nie ma sensu się kłócić, czy używamy pojedynczych cudzysłowów czy podwójnych. Więc warto Reitera używać. To tyle jeżeli chodzi o naszą rozgrzyweczkę na naszej Frontendowej Siłowni. Oczywiście będziemy robić to co miesiąc przez prawdopodobnie 7 miesięcy.

Pokazano wszystkie 3 dopasowania. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.