vendix-frontend-routing

Configure Angular routing with public and private routes, guards, and lazy loading.

5|Updated Aug 23, 2025
One-click install
npx skills add https://github.com/Rzyfront/Vendix --skill vendix-frontend-routing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vendix-frontend-routing
Source: https://github.com/Rzyfront/Vendix/tree/main/skills/vendix-frontend-routing
Command: npx skills add https://github.com/Rzyfront/Vendix --skill vendix-frontend-routing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the challenge of configuring a scalable and secure frontend routing system across a Vendix Angular application, including public vs private access, guards, and domain-driven entry points.

Core Features & Use Cases

  • Public and private route definitions with lazy loading and canActivate guards.
  • Domain-based routing entry point logic that dynamically redirects users based on domain type.
  • Comprehensive guards like AuthGuard and RolesGuard to enforce authentication and authorization.

Quick Start

Set up routing by enabling public routes under routes/public, private routes under routes/private, and domain-based navigation in app.component.ts as described.

Frequently Asked Questions about vendix-frontend-routing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Angular routing with guards and lazy loading?

To configure Angular routing with guards and lazy loading, you define public routes under routes/public and private routes under routes/private, then apply AuthGuard and RolesGuard to enforce access control and dynamically load components.

What is domain-based routing in Angular and when do I need it?

Domain-based routing dynamically redirects users based on domain type. You need domain-based routing in modular frontend architectures requiring domain-driven entry points and role-based access across multiple user roles and domains.

How do I set up AuthGuard and RolesGuard for private routes in Angular?

You set up AuthGuard and RolesGuard for private routes by applying canActivate guards to your route definitions, ensuring the routing system enforces both user authentication and specific role-based authorization before navigation.

Can I use domain routing and lazy loading for modular frontend architectures?

Yes, you can use domain routing and lazy loading for modular frontend architectures. This approach integrates DomainConfig to handle route data and dynamically load components across multiple user roles and domains.

What is the best way to separate public and private routes in an Angular application?

The best way to separate public and private routes is to structure them under routes/public and routes/private directories, using guards to enforce secure access and lazy loading to optimize component delivery.