How to deploy AspNetCoreSpa to Azure?

Use the provided deploy-azure.ps1 PowerShell script after setting an environment variable for the Azure app password. The README details this process, automating the deployment to Azure App Service.

AspNetCoreSpa vs other .NET SPA templates like Microsoft's: which should I use?

AspNetCoreSpa is better for enterprise apps needing built-in Identity Server authentication and Clean Architecture, while Microsoft's templates are lighter and more generic, suitable for simpler projects without advanced security.

How to switch from SQLite to SQL Server in AspNetCoreSpa?

Change the 'useSqLite' setting to false in appsettings.json, update the connection string, and delete the Migrations folder before running EF Core commands, as outlined in the installation instructions.

Does AspNetCoreSpa work with Docker for development?

Yes, Docker is listed as an optional pre-requisite, and the README includes commands for building and deploying with Docker, such as for Heroku container service, but it requires manual setup.

How to run unit tests in AspNetCoreSpa?

Navigate to the ClientApp directory and run 'npm test' to execute Jest tests. The README specifies this, and it's integrated for fast unit testing of Angular components.

Can I use AspNetCoreSpa for a mobile app?

It supports PWAs for mobile-like web experiences, but isn't designed for native mobile apps. You'd need to integrate with frameworks like Ionic or maintain separate codebases for true native development.

Open-Awesome

AspNetCoreSpa

MITC#0.1

A full-stack ASP.NET Core 7.0 and Angular 15 SPA application with authentication, clean architecture, and comprehensive examples.

Visit Website GitHub

1.5k stars464 forks0 contributors

What is AspNetCoreSpa?

AspNetCoreSpa is a full-stack web application template that combines ASP.NET Core 7.0 backend with an Angular 15 frontend to build modern single-page applications. It solves the problem of setting up a production-ready SPA with authentication, clean architecture, and real-time features by providing a comprehensive, example-driven starting point.

Target Audience

Full-stack developers and teams building enterprise-grade SPAs with .NET and Angular who need a secure, scalable, and well-architected foundation.

Value Proposition

Developers choose AspNetCoreSpa for its integrated Identity Server authentication, clean architecture implementation, and extensive examples that accelerate development while enforcing best practices.

Overview

Asp.Net 7.0 & Angular 15 SPA Fullstack application with plenty of examples. Live demo:

Use Cases

Best For

Building enterprise single-page applications with .NET and Angular
Implementing secure authentication and authorization with Identity Server 4
Creating applications with real-time features using SignalR
Developing Progressive Web Apps with offline capabilities
Setting up a project with clean architecture and separation of concerns
Rapid prototyping with pre-built login, registration, and user management

Not Ideal For

Teams building microservices or serverless applications that require lightweight, decoupled components
Developers preferring React or Vue.js over Angular for the frontend
Projects with tight deadlines needing a minimal, unopinionated starting point without authentication or real-time features
Applications requiring rapid prototyping with low overhead, as the template's comprehensive setup adds initial complexity

Pros & Cons

Pros

Secure Authentication Integration

Includes Identity Server 4 with social logins and token-based authentication, providing a robust security foundation out of the box, as highlighted in the authentication features.

Clean Architecture Implementation

Follows Jason Taylor's Clean Architecture principles for maintainable code organization, ensuring separation of concerns and scalability, which is explicitly cited as a key inspiration.

Database and Deployment Flexibility

Supports both SQL Server and SQLite with EF Core migrations, and includes scripts for Azure and Heroku deployment, offering adaptability across environments as detailed in the installation steps.

Real-time and PWA Support

Integrates SignalR for WebSocket communication and Progressive Web App capabilities, enabling modern features like offline use and real-time updates directly from the template.

Cons

Complex Initial Setup

Requires installing multiple dependencies (.NET SDK, Node.js, SQL Server/Docker optionally) and managing separate frontend/backend projects, which can be cumbersome and time-consuming for quick starts.

Version Lock-in and Upgrade Burden

Tied to specific versions like ASP.NET Core 7.0 and Angular 15, meaning future upgrades may involve breaking changes and significant migration effort, as the template doesn't auto-update.

Monolithic and Opinionated Structure

Enforces a full-stack, monolithic architecture with Angular frontend, limiting flexibility for teams wanting to mix technologies or adopt a more modular, microservices approach.

Frequently Asked Questions

Related Projects

CleanArchitecture (SPA)

Clean Architecture Solution Template for ASP.NET Core

Clean Architecture Solution Template: A proven Clean Architecture Template for ASP.NET Core 10

Stars18,129

Forks3,068

Last commit21 days ago

.NET Boxed Templates

.NET project templates with batteries included, providing the minimum amount of code required to get you going faster.

Stars3,476

Forks500

Last commit2 days ago

JavaScriptServices

[Archived] This repository has been archived

Stars3,012

Forks513

Last commit6 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub