Skip to main content

Bundle Experience App

This guide shows you how to bundle an Experience App.

Increment app version

Use your preferred package manager to increment the version number of the app in the package.json file.

npm version [<version> | major | minor | patch]

Sync app version

Use the Experience App CLI to sync the app version from the package.json file to the manifest.json file.

npx experience-app-cli sync

Build app

Use your preferred frontend tooling to build or move the app to a folder called dist. Make sure the config.json and manifest.json files are present at the root of this folder.

Bundle app

Use the Experience App CLI to bundle the dist folder to a .showpad bundle.

npx experience-app-cli bundle --dist dist

The Experience App CLI will prompt for a directory if no --dist option was passed.