Deploying to Production

Build & Deploy

1. Build — Create production bundle
   npx dt-app build
2. Deploy — Upload to your Dynatrace environment
   npx dt-app deploy
3. Install — Users install from Dynatrace Hub and grant scopes

App Settings for Secrets

Never hardcode API keys. Use app settings:

import { settingsClient } from "@dynatrace-sdk/client-classic-environment-v2";

const settings = await settingsClient.getSettingsObjects({
  schemaIds: "app:my.app:settings"
});
const apiKey = settings.items[0].value.apiKey;

Pre-Deploy Checklist

Check	Why
✅ Scopes declared in app.config.json	Missing scopes = API calls fail silently
✅ No hardcoded secrets	Source code is visible to all app users
✅ Version bumped	Same version = deploy rejected
✅ Error handling on DQL queries	Queries can timeout or return empty
✅ Loading states for async ops	Users see blank screen without them
✅ Tested with dt-app dev	Catches runtime errors before deploy

What's Next

Module 12 — Boss Fight: build a complete 3-page app from scratch.