Quick Start§
Get a micro-frontend feature running in under 5 minutes.
1
Install the package§
Add the package to your project:
npm install @hyperfrontend/features2
Initialize a feature§
Convert an existing application into a HyperFrontend feature:
npx @hyperfrontend/features initThis scaffolds the hostee glue module, the feature side of the boundary, into your app and wires it into the entry file, alongside your feature contract. The vocabulary is defined in Core Concepts.
3
Build a shell§
Generate a self-contained shell package that any host can install:
npx @hyperfrontend/features build --protocol v2The shell inlines the contract and bundles its dependencies, so the host installs one package and takes on no transitive deps. The security envelope is an explicit choice: the build bakes in whichever protocol you pass.
4
Run it§
Serve your apps with the debug UI and watch the feature load:
npx @hyperfrontend/features dev