Starter code + completed project for micro-frontends using Webpack 5 and Module Federation plugin in Angular and sharing authenticated state
Setting up micro frontends in Angular has become increasingly essential for developers looking to manage large applications with modular code. The Angular Micro Frontend Example repository demonstrates how to implement micro frontends using Webpack 5 and the Module Federation plugin. By following the guides provided, users can easily build and share authenticated states across projects, streamlining the development process and enhancing scalability.
This repository serves as an accompanying resource for a series of posts on Angular micro-frontends, making it a valuable reference for developers looking to adopt this architecture. With prerequisites like Node 16 and Okta CLI, this framework not only simplifies user authentication but also provides a foundational structure for building robust applications.
Micro Frontend Architecture: Seamlessly integrates multiple microservices, enabling independent deployment and scaling of frontend applications.
Module Federation: Utilizes Webpack 5’s Module Federation, allowing easy sharing of code and dependencies between different parts of an application.
Okta Integration: Provides built-in support for Okta’s Authentication and User Management APIs for secure and scalable user authentication.
Step-by-Step Instructions: Comprehensive guides on getting started, including creating OIDC applications and configuring Okta settings for smooth setups.
Centralized User Management: Integrates user departments into the application’s authorization process for more customized and role-specific access controls.
Starter Project Availability: Offers a starter project in the main branch, making it easy to kick off development with a pre-configured setup.
Custom Claims Support: Enhances security by allowing developers to map custom claims in the Okta authorization server, ensuring specific user information is maintained.
Community Support: Provides access to help forums and a comment section for developers to ask questions and share insights.
