@genesisx/nextjs-mfe
v5.2.1
Published
GenesisX generator for NextJs based module federated apps using turbo, run npx @genesisx/nextjs-mfe
Downloads
146
Readme
Nextjs Module Federator App Generator
This PSInnersource accelerator allows a developer to quickly setup a Nextjs based module federated application setup, using turbo as monorepo workspace.
Setup & Run locally
Make sure you use nodejs >= 18.17.0
- In a blank directory , run below command to start using it
npx @genesisx/nextjs-mfe
It will ask various inputs like workspace name, container application name, remote app(s) name
Once setup, go inside the workspace directory (cd workspace) and build the project
npm run build
- Serve the application as :
npm run dev
- You can access the application on : http://localhost:3000
Code Access
Please refer the following repo
https://pscode.lioncloud.net/psinnersource/xt/micro-frontend/genesisx/nextjs-accelerator
Need More details
Please reach out to Devesh Kaushal, Lalit Negi
Publish to NPM
Step 1 : Build the package npm run build Step 2 : Go to dist directory Step 3 : Run below command
npm publish --access public
NPM Repo : https://www.npmjs.com/package/@genesisx/nextjs-mfe
Node version Support
Node Version >= 18.17.0
NPM Packages
- next | 14.1.0
- react | 18.2.0
- turbo | 2.1.1
- webpack | 5.80.0
- zustand | 4.4.3
- @module-federation/nextjs-mf | 8.1.10
Changelog / Releases
Ver. 5.2.1 (Latest)
- Added support for latest version og turborepo 2.1.1
Ver. 5.0.0
- spec file addition for the unit testing of each component of the plopfile generator.
- Coverage reports are generated for every file covered each test run.
Run all spec files contained within the workspace:
npm run test
Run specific test files:
npm run test <fileName>.spec.js
Run all tests associated with a name or key word:
npm run <name>
- A major change through restructuring of the codebase to increase readibility.
- Components of the plopfile generator broken down into functions, actions and prompts.
- The plopfile has been reduced in length and all components are imported here for execution
Ver. 4.3.2
- Added dynamic port mapping to keep track of all micro apps.
- Test cases for provided for templated apps allowing unit tests to be run and built upon out of the box.
Ver. 4.2.2
- included feature that allows users to append additional micro applications to existing workspaces
Ver. 3.0.0
- Added support to minify and uglify the published version of code to npm
Ver. 2.0.0
- Added support for state sharing between multi micro-apps using zustand
Ver. 1.0.0
- NextJs-MFE: module federation interapp proxy generator with turboRepo workspace support