Build a Fullstack Application with Angular 19 & .NET 8 | Standalone Components

In this comprehensive fullstack tutorial, you'll learn how to build a modern web application using Angular 19 (leveraging standalone components) and .NET 8 as the backend. We cover authentication, routing, menu loading, and login authentication setup—step by step!

🕒 Timestamps

00:00 - Introduction
01:32 - Project Overview & Stack
03:45 - Setting up .NET 8 Web API (Backend Setup)
07:58 - Creating JWT Authentication in .NET
13:20 - Setting up Angular 19 Project with Standalone Components
17:05 - Login Page & AuthService with Signals
22:30 - Creating AuthGuard (Functional) for Protected Routes
27:00 - Building Main Layout & Dynamic Sidebar Menu
33:40 - Loading Menu Items from Backend
38:25 - Integrating Angular Routing & Lazy Loading
44:10 - SEO Optimization (Meta Tags & Angular Universal Basics)
49:20 - Final Testing: Auth Flow + Menu + Guards
52:10 - Recap & Best Practices
54:00 - What's Next + Additional Resources

✅ What You’ll Learn
Build Angular 19 apps using standalone components
Use signals for reactive state management
Protect routes with auth guards
Implement JWT authentication in .NET 8
Load menus dynamically based on user roles
Improve visibility with SEO meta tags and Angular Universal

🔧 Tech Stack
Angular 19 (Standalone + Signals)
.NET 8 Web API
Angular Routing,
Laoding of Children Components
Functional Guards
Angular Universal (SSR)
HTML Meta Tag Service

📌 Like | Subscribe | Comment if you found this helpful!
Stay updated with more tutorials on fullstack development, Angular, .NET, and modern web practices.

#Angular19 #DotNet8 #FullstackDevelopment #JWTAuth #AngularSEO #StandaloneComponents #AuthGuard #AngularUniversal

Видео Build a Fullstack Application with Angular 19 & .NET 8 | Standalone Components канала Learn@EdwinDeloso