nirbhaymandelia / nx-micro-frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Micro-frontend Boilerplate Using Nx and Next.js

Development server

Start individual micro-apps

App Command URL
content nx serve content http://localhost:3001/
browse-search nx serve rowse-search http://localhost:3002/
cart-checkout nx serve cart-checkout http://localhost:3003/
accounts nx serve accounts http://localhost:3004/

Start all micro-apps

Run yarn start:all to start dev-server for all micro-apps. This cmd will automatically configure all the reverse proxy required for seemless transition from one app to other. Navigate to http://localhost:3001/.

Build

Run nx build <AppName> to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run nx test <AppName> to execute the unit tests via Jest.

Run nx affected:test to execute the unit tests affected by a change.

Running end-to-end tests

Run ng e2e <AppName> to execute the end-to-end tests via Cypress.

Run nx affected:e2e to execute the end-to-end tests affected by a change.

Understand your workspace

Run nx dep-graph to see a diagram of the dependencies of your projects.

About


Languages

Language:TypeScript 67.4%Language:CSS 18.3%Language:JavaScript 13.7%Language:HTML 0.6%