Angspire - Angular Frontend & Aspire Dot Net Backend

Angspire is an Angular + .NET (monorepo) project template designed to simplify development with out-of-the-box features like (basic) user authentication and frontend themes, reducing setup time and providing a scalable, maintainable foundation for your applications.

Angular 19, Dot Net 9.0 & Aspire 9.0

IMPORTANT:

• Running the dot net project, will also serve the angular project

NOTE:

• Authentication: AspNetCore Identity for EntityFrameworkCore
• Database: PostgresSQL

Angular Page	API on Swagger	Aspire Dashboard

---

Theme-sync

This project comes with a theme-sync.js script which allows you to sync style variables through node commands.

How to use theme-sync.js:

1. creates variables in "styles.scss"
2. run: node theme-sync update
3. "themes.json" & "tailwind.config.js" will update

Commands:

• update: node theme-sync update
• clear: node theme-sync clear

NOTE:

• if you have more than one theme in the "themes.json" file and they are missing the new css variables, they will be created with the same value as the css variables

Angspire_theme_sync.mp4

---

Todo

• Sync themes from theme.json to styles.scss
• Theme Designer
• Open Swagger on project run

Changelog