Skip navigation

Skip to main content

Getting started

Overview Prerequisites Quick start API reference

Designing apps

App UI Kit Design guidelines Figma resource

Fundamentals

Creating apps Setting up the starter kit Previewing apps Integrating with Canva Configuring permissions Handling errors Using a backend Bundling apps

Developing apps

Authenticating users Creating app elements Creating audio tracks Creating images Creating image overlays Creating shapes Creating tables Creating text Creating videos Embedding rich media Exporting designs Grouping elements Positioning elements Reading elements Replacing elements Supporting drag and drop Uploading assets Using color selectors Using design IDs

Securing apps

Content Security Policy Cross-Origin Resource Sharing Verifying JWTs Verifying HTTP requests Security guidelines

Monetizing apps

Innovation Fund Accepting payments

Distributing apps

App review process Submitting apps Submission checklist App listing guidelines Releasing apps Tracking analytics Versioning apps Handling disabled apps Deep linking to apps Managing team apps Getting featured Developer verification

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 as a standalone JavaScript bundle. The starter kit includes a build script that handles this for you.

How to generate a bundle

Navigate into the starter kit:
```
cd canva-apps-sdk-starter-kit
```
bash
Run the following command:
```
npm run build
```
bash
An app.js file will appear in the dist directory.

How to upload a bundle

Log in to the Developer Portal.
Navigate to an app via the Your apps page.
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.)