Skip to main content

Local Development Integration

Local Development of an App​

To locally develop a Kittl app, you need to first have an active draft version of your app.

Installation​

Before you can develop locally, you can install your app to your account. Your draft app is private and won't be visible or public to other users until it is officially published and approved.

Using Local Development Mode in the Editor​

Once your app is installed to your account, you will see a version dropdown menu in the editor where you can pick the "local development" version of your app.

Selecting this option will configure the editor to run your app locally instead of loading the production assets.

Manifest Configuration​

By default, the local development mode will attempt to mount your app at localhost:5173. However, the Kittl editor respects the appDevelopment configuration block set in your app's manifest.json.

"appDevelopment": {
  "local": {
    "requireHTTPS": true,
    "port": 5173
  }
}
  • port: Specifies the localhost port the editor should try to connect to (e.g., 5173).
  • requireHTTPS: If this flag is set to true, the editor will use HTTPS (https://) to attempt to load your local development server assets. If your local dev server (e.g., Vite, Webpack) is configured to use SSL, enable this flag.