https://github.com/chrisjwalk/angular-cli-netcore-ngrx-starter

Angular demo app using Nx build system, esbuild, @ngrx/signals, Angular Material, Angular PWA, Tailwind CSS, and .NET 8.0 + Microsoft.AspNetCore.SpaServices.Extensions
https://github.com/chrisjwalk/angular-cli-netcore-ngrx-starter

angular angular-cli angular-material angular-pwa angular-signals demo dotnet dotnet-8 ngrx ngrx-platform ngrx-signals nrwl-nx nx pwa signals visual-studio vscode

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/chrisjwalk/angular-cli-netcore-ngrx-starter
• Owner: chrisjwalk
• Created: 2017-12-30T17:11:38.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2024-04-13T14:56:16.000Z (7 months ago)
• Last Synced: 2024-04-14T04:53:32.041Z (7 months ago)
• Topics: angular, angular-cli, angular-material, angular-pwa, angular-signals, demo, dotnet, dotnet-8, ngrx, ngrx-platform, ngrx-signals, nrwl-nx, nx, pwa, signals, visual-studio, vscode
• Language: TypeScript
• Homepage: https://angularclinetcorengrxstarter.azurewebsites.net/
• Size: 7.79 MB
• Stars: 61
• Watchers: 5
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Build status](https://freshpondmedia.visualstudio.com/FreshPondMediaGit/_apis/build/status/chrisjwalk.angular-cli-netcore-ngrx-starter)](https://freshpondmedia.visualstudio.com/FreshPondMediaGit/_build/latest?definitionId=43)

# Nx + Angular + .NET 8.0

This is basic demo of how to use a full stack [Nx monorepo](https://nx.dev/getting-started/tutorials/angular-monorepo-tutorial) with [Angular](https://angular.dev) and .NET 8.0 with [Microsoft.AspNetCore.SpaServices.Extensions](https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular) and a demo Azure pipeline for Azure DevOps.

## Demo

See a live demo here: [https://angularclinetcorengrxstarter.azurewebsites.net/](https://angularclinetcorengrxstarter.azurewebsites.net/)

## Getting Started?

- **Make sure you have at least Node 20.x or higher (w/ npm 10+) installed!**

- **This repository uses ASP.NET 8.0, which has a hard requirement on .NET SDK 8.0.x. Please install these items from [https://dotnet.microsoft.com/download](https://dotnet.microsoft.com/download)**

## Visual Studio 2022

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

## Visual Studio Code

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

    npm install

## Serve Development App

```

npm 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)

```

npm run serve:prod

```

## Lint

```

npm run lint

```

## Unit Tests

Run unit tests by executing:

```

npm run 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:

```

npm run e2e

```

## Build Production App

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

```

npm run build:prod

```

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