Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Angular demo app using Nx build system, esbuild, pnpm, @ngrx/signals, Angular Material, Angular PWA, Tailwind CSS v4, Playwright, Vitest and .NET 9.0 + Microsoft.AspNetCore.SpaServices.Extensions

chrisjwalk/angular-cli-netcore-ngrx-starter

Repository files navigation

Build status

Nx + Angular + .NET 9.0

This is basic demo of how to use a full stack Nx monorepo with Angular and .NET 9.0 with Microsoft.AspNetCore.SpaServices.Extensions and a demo Azure pipeline for Azure DevOps.

Demo

See a live demo here: https://angularclinetcorengrxstarter.azurewebsites.net/

Getting Started?

  • Make sure you have at least Node 20.x or higher (w/ pnpm 10+) installed!
  • This repository uses ASP.NET 9.0, which has a hard requirement on .NET SDK 9.0.x. Please install these items from https://dotnet.microsoft.com/download

Visual Studio 2022

Make sure you have .NET 9.0 installed and/or the latest VS2022.

Visual Studio Code

Note: Make sure you have the C# extension & .NET Debugger installed.

pnpm install

Serve Development App

pnpm start

Both the api (dotnet) and web app (Angular) will build and run in dev mode. Open your browser on http://localhost:4200/ to see the Angular app, or https://localhost:60254/swagger to see the api documentation generated by Swagger.

Serve Production App (PWA enabled)

pnpm serve:prod

Lint

pnpm lint

Unit Tests

Run unit tests by executing:

pnpm test

Please note that for test coverage you need dotnet-coverage to be installed:

dotnet tool install --global dotnet-coverage

More information is available on https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-test

End-to-end Tests

Run e2e tests by executing:

pnpm e2e

Build Production App

Build the production Angular app and Publish the release .NET app, run:

pnpm build:prod

The contents of the. /dist folder should now contain something that can be deployed to and Azure web service or IIS instance.

About

Angular demo app using Nx build system, esbuild, pnpm, @ngrx/signals, Angular Material, Angular PWA, Tailwind CSS v4, Playwright, Vitest and .NET 9.0 + Microsoft.AspNetCore.SpaServices.Extensions

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

AltStyle によって変換されたページ (->オリジナル) /