Skip navigation

Skip to main content

Getting started
Developer resources
Intents
Overview
Content Publisher
Data Connector
Design Editor
URL Expander
Designing apps
App UI Kit
Design guidelines
App components
Figma resource
Developing apps
App configuration
Authenticating users
Creating elements
Working with elements
Localization
Security
Design interaction
Using design IDsExporting designs
Testing

Bundling apps

How to generate a JavaScript bundle for an app.

When you're ready to submit an app for review, you need to upload the app to the Developer Portal⁠(opens in a new tab or window) as a standalone JavaScript bundle. The starter kit includes a build script that handles this for you.

How to generate a bundle

  1. Navigate into the starter kit:

    cd canva-apps-sdk-starter-kit
    BASH

  2. Run the following command:

    npm run build
    BASH

    An app.js file will appear in the dist directory.

How to upload a bundle

  1. Log in to the Developer Portal.
  2. Navigate to an app via the Your apps⁠(opens in a new tab or window) page.
  3. Upload the app.js file to the App source > JavaScript file field.

Known limitations

  • Canva doesn't support code-splitting, so all code and dependencies must be bundled in a single file. (You can still organize your code into separate files. The webpack configuration in the starter kit takes care of the bundling.)
  • The size of the app bundle must not exceed 5MB.