Development Mode

Enabling Development Mode

Add dev: true to your export options:

{
  "projectId": "your_project_id",
  "presentation": { ... },
  "options": {
    "dev": true
  }
}

What Happens in Development Mode

When development mode is enabled, the following changes apply:

Why Are Images and Charts Replaced?

Image processing and chart rendering are the most resource-intensive operations on our servers. To keep development mode sustainable and free, we replace these fields with lightweight gray placeholders.

This does not affect your development workflow:

• The placeholder shapes maintain the exact same position and dimensions as the original fields
• All other elements (text, shapes, groups, lists) render normally
• You can verify your template layout and content structure without any visual differences in positioning

Transitioning to Production

We recommend using an environment variable to control development mode, allowing seamless switching between environments:

const options = {
  dev: process.env.NODE_ENV !== 'production',
};

This approach ensures:

• Development mode is automatically enabled in local and staging environments
• Production deployments never accidentally use development mode
• No code changes required when deploying to different environments