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/features
2

Initialize a feature§

Convert an existing application into a HyperFrontend feature:

npx @hyperfrontend/features init

This scaffolds the hostee glue module into your app and wires it into the entry file, alongside your feature contract.

3

Build a shell§

Generate a self-contained shell package that any host can install:

npx @hyperfrontend/features build

The shell inlines the contract and bundles its dependencies, so the host installs one package and takes on no transitive deps.

4

Run it§

Serve your apps with the debug UI and watch the feature load:

npx @hyperfrontend/features dev

Next Steps§