MFE Blog

Local development

Run Nginx and Localstack containers

Both containers are required to run the MFEs locally

• Localstack: to emulare S3 bucket

  • Install aws cli (https://docs.aws.amazon.com/cli/latest/userguide/getting-started-install.html#getting-started-install-instructions)
  • Need to install aws cli, hace 2 ways to run aws
    • To use aws need to set the endpoint http://localhost:4566 as arg. Ex

      aws --endpoint-url=http://localhost:4566 s3 ls s3://bucket

    • Or, install awslocal pip install awscli-local. After install you can use

      awslocal s3 [OPTIONS]

• Nginx: have two purposes

  • Gateway to access to S3 bucket (Localstack)
  • After deploy the MFEs, Nginx will serve the MFEs from S3 bucket (production mode)

Run MFEs in local development mode

Move to each MFE/shell folder and run:

npm run dev

This will start the development servers for each MFE and shell

URL and ports to access each MFE

• Shell (mfe-blog-shell):
  • http://localhost:3000
• Home (mfe-blog-home):
  • http://localhost:3001
• Comments (mfe-blog-comments):
  • http://localhost:3002

Deploy MFEs to S3 bucket (local)

Also need run Nginx and Localstack containers to deploy the MFEs to S3 bucket. After run the containers, from root folder run:

# Deploy shell
./mfe-blog.sh shell

# Deploy home
./mfe-blog.sh home

# Deploy comments
./mfe-blog.sh comments