Skip to content

Angular

The Angular sample under samples/angular is a standard Angular CLI app whose ng build output (dist/angular/browser/) is deployed as a static site to Netlify.

AppHost wiring

C#
TypeScript

builder.AddJavaScriptApp("angular", "../angular", "start")
    .WithHttpEndpoint(targetPort: 4200, env: "PORT")
    .PublishAsNetlifySite(
        options: new NetlifyDeployOptions
        {
            Dir = "dist/angular/browser",
            NoBuild = true,
            Site = "<your-site-id>"
        },
        authToken: authToken);

builder
  .addJavaScriptApp("angular", "../angular", "start")
  .withHttpEndpoint({ targetPort: 4200, env: "PORT" })
  .publishAsNetlifySite(
    {
      dir: "dist/angular/browser",
      noBuild: true,
      site: "<your-site-id>",
    },
    authToken,
  );

Angular’s browser builder writes to dist/<projectName>/browser/, so Dir must include the project name segment. The "start" script is what Aspire invokes to boot the dev server (ng serve --port $PORT).

Build & deploy locally

cd samples/angular
npm ci
npm run build
cd ../..
aspire deploy --apphost samples/AllFrameworks.AppHost/AllFrameworks.AppHost.csproj

See also