Embed Exported Demos

Learn how to publish an exported demo bundle by installing the player, configuring the correct baseUrl, and rendering it in your site or app.

Start here if you already have an exported bundle and are ready to embed it.

How embedding works

The embedding flow is straightforward:

  1. Export the demo from PokeDemo
  2. Unzip the bundle
  3. Install the player package
  4. Import @pokedemo/player/style.css in your app
  5. Host the files on a static host you control
  6. Point the player at the folder that contains manifest.json

The key setting is source.baseUrl in the core SDK, or baseUrl in the framework adapters. It should be the URL of the folder that contains the bundle manifest.

For example, if this URL is reachable:

https://example.com/demo/manifest.json

then the correct baseUrl is:

https://example.com/demo/

What this section covers

Read SDK API for package installation, player configuration, and the public integration contract.

Read Framework Notes if you are embedding in React, Vue, Nuxt, or Next.js.

Read Hosting Exported Demos for hosting rules, rewrites, and cross-origin notes.

Client-side only

The player is designed for modern browsers. In SSR frameworks, render it only inside a client-rendered component.

In This Section