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 |
|---|---|---|
|
|
|
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:
- creates variables in "styles.scss"
- run:
node theme-sync update - "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
- Sync themes from theme.json to styles.scss
- Theme Designer
- Open Swagger on project run