Skip to content

Latest commit

 

History

History
20 lines (14 loc) · 1.21 KB

Readme.md

File metadata and controls

20 lines (14 loc) · 1.21 KB

Micro-frontends Örneği

  • Bu proje ReactJS ile basit bir micro-frontends örneğini içermektedir. İçerik Build a micro-frontend application with React adresindeki yazıda anlatılan adımlar uygulanarak üretilmiştir.
  • Microfrontend uygulamaları npx create-mf-app komutuyla oluşturulmuştur.
  • Projede home ve about micro-frontend uygulamaları yer almaktadır. about, home microfrontend uygulamasında yer alan Header ve Footer bileşenlerine Webpack Module Federation aracılığı ile erişmektedir.
  • home micro-frontend uygulaması localhost:3000 adresinde; about micro-frontend uygulaması localhost:3001 adresinde çalışmaktadır.

Uygulamayı çalıştırma

Uygulama klasörü içindeyken 2 ayrı terminal penceresi açılır.

  1. İlk terminalde home klasörüne cd home komutu ile girilir np install & npm start komutu çalıştırılır.
  2. İkinci terminalde about klasörüne cd about komutu ile girilir npm install & npm start komutu çalıştırılır.

Ekran Görüntüleri

home penceresi

image

about penceresi

image