Deploy Angular

Angular is detected from angular.json, and deploys as a static site: npm run build fills dist/browser, and the CDN serves it with free bandwidth. No server, no region, no cold starts.

Build#

• Output directory: dist/browser - the modern application builder's default. Detection parses angular.json to find where your configuration actually writes; override in Build settings if needed.
• Install: follows your lockfile - see How detection works.

Per-environment configuration#

Angular bakes configuration at build time through its environment.ts file replacements rather than environment variables - production builds get environment.prod.ts. Values that differ per deployed environment (API base URLs, keys) can also be read from variables inside angular.json-driven builds only via custom tooling; the simplest platform-native pattern is one build configuration per case, selected in the build command:

npm run build -- --configuration=staging

Set a different build command on the preview environment than on production.

Need a server?#

Deploy the API as its own backend app - keep both in one repository with two root directories.

Related#