You're in the home stretch! It's time to bundle your app. Bundling optimizes your code to reduce the number of server requests.
To bundle your app, you need to:
Incrementing your app's version allows you to distinguish between different
releases. You can use your preferred package manager to increment your Showpad
App's version number in the
npm version [<version> | major | minor | patch]
yarn version [--new-version <version> | --major | --minor | --patch]
It's a good idea to use pre patches or tagged versions while developing in order to have consistent versioning while testing multiple versions in production.
After incrementing your app's version, it's important to synchronize to avoid
mismatch errors. Use the
Experience App CLI to sync the app
version from the
package.json file to the
npx experience-app-cli sync
yarn experience-app-cli sync
This command is the same in both versions of the CLI.
Once your app's version is incremented and synchronized, you need to merge file types and create production files. This is known as a build.
npm run build
Alternatively, you can use your preferred frontend tooling to build or move the
app to a folder called
dist. Make sure the
files are present at the root of this folder.
The last step in the process is to create a Showpad bundle. Use the
Experience App CLI to bundle the
dist folder to a
npx experience-app-cli bundle --dist dist
yarn experience-app-cli bundle --dist dist
The Experience App CLI will prompt
for a directory if no
--dist option has been passed.