Secure Micro-Frontends: Authentication Magic at Dutch Railways

Jump into an action-packed session where we crack open the hood of a real-world micro frontend platform and take on one of the hardest challenges in frontend architecture: authentication across distributed apps.

We’ll dive into the nuts and bolts of building a secure, scalable, and seamless login experience using MSAL, OpenID Connect, Angular, and Module Federation—without sacrificing developer speed or user experience.

Watch live as we assemble a rock-solid authentication system that seamlessly spans independently deployed apps. You'll see how we handle shared state, runtime configuration, and secure, token-safe communication in real-time.

From MSAL headaches to cross-app session management, we’ll tackle real production problems head-on.

You’ll walk away knowing how to:

✓ Integrate MSAL in a micro frontend setup

✓ Share authentication state across host and remote apps

✓ Handle token caching, refresh, and expiration gracefully

✓ Configure MSAL dynamically for different environments using Kubernetes ConfigMaps

✓ Secure WebSocket connections with tokens—even when headers aren’t available

✓ Share libraries and dependencies safely using Module Federation

Bring your toughest auth questions—this no-fluff session packs real code, real problems, and real solutions from the trenches.

Workshop: From Couch to 5K: Building RunningM8, Your Personal Fitness Companion

## Workshop Abstract

Ever wondered how fitness apps work behind the scenes? Join us for an exciting hands-on workshop where we'll build RunningM8, a user-friendly app that helps you track your runs and improve your fitness.

In this workshop, you'll learn how to create a web app that works even when you're offline – perfect for those forest trails with no signal! We'll use popular tools like React and Firebase to build an app that:

- Maps your running routes
- Keeps track of your progress
- Shows cool charts of your performance

Don't worry if you're not a tech whiz – we'll guide you through each step, from setting up the project to adding fun features like keeping your phone awake during long runs.

By the end of this workshop, you'll have built your very own fitness tracker. You'll understand how apps use maps, store data, and create eye-catching graphs. Plus, you'll pick up some tricks on writing clean, easy-to-understand code.

Whether you're a beginner coder curious about app development, a fitness enthusiast interested in tech, or just someone who loves to learn new things, this workshop is for you. Come join us, and take the first step towards creating technology that makes a real difference in people's lives!

Bring your laptop and your enthusiasm – let's turn your app idea into reality!

🚀 Build an AI Agent That Actually Does Your Work: MCP + LangGraph

The era of the "chatty bot" is over. While LLMs are great at talking, developers are still stuck with the "grunt work". Such as manually syncing data, formatting slides, and managing Git commits. It’s time to move from AI that answers questions to AI that executes professional workflows.

In this session, we build a high-autonomy digital coworker. You’ll learn how to bridge the gap between reasoning and action using a modern agentic stack:

LangGraph: The "brain" providing stateful reasoning and complex flowchart logic.

Model Context Protocol (MCP): The "USB-C for AI" that connects LLMs to local files, GitHub, and web tools without custom API glue.

The ReAct Pattern: A "Think-Act-Observe" loop that allows agents to research, document, and deploy autonomously.

Stop building bots that just talk. Join us to learn how to build agents that handle your research and commit your code.

Secure Micro-Frontends: Authentication Magic at Dutch Railways

Jump into an action-packed session where we crack open the hood of Dutch Railways' enterprise micro-frontend platform! We're diving deep into the nuts and bolts of secure authentication across distributed apps using MSAL and OpenID Connect.
Watch live as we build a rock-solid authentication setup that works smoothly across multiple apps. See Module Federation in action, handling shared dependencies like a champ while keeping everything locked down tight.
From MSAL implementation headaches to OIDC token flows - we'll tackle the real challenges head-on. You'll walk away knowing how to:
✓ Lock down micro-frontends with MSAL authentication
✓ Share secure state across app boundaries
✓ Handle token refresh flows like a pro
✓ Keep your federated modules safe
Bring your toughest auth questions - this no-fluff session packs real solutions from the trenches!"

API Alchemy: Transforming Enterprise Endpoints for the AI Agent Revolution

In the rapidly evolving landscape of AI integration, the Model Context Protocol (MCP) has solved the connectivity challenge—but connectivity alone isn't enough. This talk dives into the critical yet overlooked realm of API design for AI agent consumption, revealing why traditional human-oriented APIs often fail in agent-based systems. Drawing from practical case studies, we'll explore how semantic, intent-based architectures dramatically outperform technical endpoints, how progressive detail patterns reduce hallucination risks, and why context-rich responses are transforming agent effectiveness. Attendees will leave with actionable frameworks for evaluating existing APIs and designing new ones specifically engineered for the unique requirements of large language models. As organizations race to implement agent strategies, this presentation provides the blueprint for APIs that don't just connect to AI—but actively enhance its capabilities. The difference between mere connectivity and true usability isn't incremental—it's existential for enterprise AI success.

From Couch to 5K: Building RunningM8, Your Personal Fitness Companion

Hello there, fitness fans and tech geeks! Have you ever tried to use a running app and thought, "Ugh, this is more frustrating than running itself"? Well, that's exactly why we created RunningM8.

In this talk, I'll show you how we built an app that doesn't suck. We used cool technology like React and TypeScript, and we made it work offline, because let's face it: the best running routes don't always have great cell service.

We'll talk about how RunningM8 does all the usual stuff - track your route, time your run, that sort of thing - but we'll also get into the fun parts. Like how we've created maps that won't make you want to throw your phone into the bushes, and graphs that actually help you understand your progress without a degree in statistics.

Let me share some of the issues (keeping your phone awake) and how we resolved them. And for you fellow developers, let's dig a little deeper into how we kept our code clean and everything working properly.

Whether you're someone who thinks running is life, or a programmer who thinks life is about elegant solutions, or just someone who's curious about how apps are built, there's something for you in this talk.

So come hang out with us as we explore how technology can make getting fit a little easier and a lot more fun. Who knows, maybe at the end you'll be inspired to put on those running shoes - or open that code editor!

DDD Full Stack – from Front to Back

Complex, data-intensive applications pose significant and difficult development challenges. Domain Driven Design (DDD) is one approach to discover and address them. And to help you build the domain model in the "right" way. When you’re looking at the heart of an application, the domain is almost everywhere. It’s bleeding from the veins in the backend through the arteries, all the way to the front-end of an application. Therefore, an incomplete or overly simplistic design of the domain model is like waiting for a heart infarction to occur. In this co-presentation, Peter and Frederieke will share an integrated approach how you can apply techniques from Domain Driven Design (DDD) to create and integrate a ubiquitous, domain centric, model that can be used across the front and back-end. Along the way, you will learn how to take advantage of the core concepts of DDD, such as Aggregates, Bounded Contexts and an Anti-Corruption Layer to define, design, and build working software. And your team-mates will love you for it.

Driving Effective Software Solutions: DDD and Micro Frontends

This talk explores the combination of Domain-Driven Design (DDD) and micro frontends for building impactful software solutions. DDD prioritizes the business domain, while micro frontends break down monolithic frontends into focused applications. We discuss the core principles of DDD, emphasizing the use of bounded contexts, aggregates, and entities to model the business domain effectively. Micro frontends enable scalability and team autonomy by dividing the frontend into smaller, independent components. By integrating DDD with micro frontends, teams can manage complexity, scale applications, and empower developers with domain expertise and autonomy. Real-world examples and best practices are shared to guide attendees in implementing these approaches effectively. This talk equips participants with the knowledge to drive effective software development by leveraging the synergies between DDD and micro frontends. To conclude the presentation, he unveils a gigantic real-world micro frontend project he created for the Dutch Railways. Peter will start the talk with how an unexpected encounter with a rhino during his cycling trip to Nepal led him to embrace the concept of micro frontends. You will definitely be surprised by what is on his head during the talk.....

Driving Effective Software Solutions: DDD and Micro Frontends

This talk explores the combination of Domain-Driven Design (DDD) and micro frontends for building impactful software solutions. DDD prioritizes the business domain, while micro frontends break down monolithic frontends into focused applications.

Peter discuss the core principles of DDD, emphasizing the use of bounded contexts, aggregates, and entities to model the business domain effectively. Micro frontends enable scalability and team autonomy by dividing the frontend into smaller, independent components.

By integrating DDD with micro frontends, teams can manage complexity, scale applications, and empower developers with domain expertise and autonomy. Real-world examples and best practices are shared to guide attendees in implementing these approaches effectively.

This talk equips participants with the knowledge to drive effective software development by leveraging the synergies between DDD and micro frontends.

Get ready for an action-packed talk that includes Peter’s thrilling adventure with a rhinoceros in Nepal, setting the stage for an epic journey into the world of Micro Frontends with React.

🚂 Jump on the Microfrontend Express! 🚂

In this high-speed session, I will unveil the secrets behind a massive enterprise Micro Frontend app I developed for the Dutch Railway Company. This project aimed to revolutionise the user experience, which previously suffered from slow loading times and slow development cycles.

By adopting Micro Frontends, we achieved a dramatic improvement in 80% faster load times and users receive new features 40% faster. I'll showcase live coding, real-world challenges , and the magic of 'Native Model Federation' - A powerful approach for building Micro Frontends with efficient dependency sharing and modular component composition!

Here is a video of an interview about it: Interview with Manfred Steyer https://www.youtube.com/watch?v=Saop6L0m7yc

Driving Effective Software Solutions: DDD and Micro Frontends

This talk explores the combination of Domain-Driven Design (DDD) and micro frontends for building impactful software solutions. DDD prioritizes the business domain, while micro frontends break down monolithic frontends into focused applications. We discuss the core principles of DDD, emphasizing the use of bounded contexts, aggregates, and entities to model the business domain effectively. Micro frontends enable scalability and team autonomy by dividing the frontend into smaller, independent components. By integrating DDD with micro frontends, teams can manage complexity, scale applications, and empower developers with domain expertise and autonomy. Real-world examples and best practices are shared to guide attendees in implementing these approaches effectively. This talk equips participants with the knowledge to drive effective software development by leveraging the synergies between DDD and micro frontends. To conclude the presentation, he unveils a gigantic real-world micro frontend project he created for the Dutch Railways. Peter will start the talk with how an unexpected encounter with a rhino during his cycling trip to Nepal led him to embrace the concept of micro frontends. You will definitely be surprised by what is on his head during the talk.....

🚂 Jump on the Microfrontend Express! 🚂

In this high-speed session, I will unveil the secrets behind a massive enterprise Micro Frontend app I developed for the Dutch Railway Company. This project aimed to revolutionise the user experience, which previously suffered from slow loading times and slow development cycles.

By adopting Micro Frontends, we achieved a dramatic improvement in 80% faster load times and users receive new features 40% faster. I'll showcase live coding, real-world challenges , and the magic of 'Native Model Federation' - A powerful approach for building Micro Frontends with efficient dependency sharing and modular component composition!

🚂 Jump on the Microfrontend Express! 🚂

Join me on a thrilling journey through the heart of frontend architecture! 🚀
In this high-speed session, I will unveil the secrets behind a massive enterprise Micro Frontend app
which I have developed for the Dutch Railway Company.
Buckle up as we showcase live coding, real-world challenges, and the magic of 'Native Model Federation'. The future of Micro Frontends!

Our micro frontend-based project aims to revolutionise the user experience of the Dutch railway system. By adopting Micro Frontends, we sought to achieve agility, maintainability, better performance and improved developer productivity.
Now, with the addition of 'Native Model Federation', we’ll delve deeper into seamless data sharing and component composition.

We carefully sliced our application based on business domains with Domain Driven Design. Each Micro Frontend represents a specific functionality, such as the 'Emplacements viewer' for following all the trains in the Netherlands or showing planning data with the 'PlanViewer'.

One of the key aspects covered is establishing seamless communication between Micro Frontends, ensuring smooth collaboration and integration within the architecture.

I begin by sharing an engaging anecdote of my adventure with a Tiger (!) in Nepal, drawing parallels with the concept of monoliths that need to be overcome before embracing micro frontends.

Here is a video of an interview about it: Interview with Manfred Steyer https://www.youtube.com/watch?v=Saop6L0m7yc

State Management clarified: A Deep Dive into Redux, Context and Zustand

Join me for a fun and informative journey into the world of state management, where we'll unravel the mysteries of Redux, Zustand, Context. We'll dive into the core concepts, explore their unique strengths, and help you decide which one is the perfect match for your next web project.

With so many state management options, choosing the right one can be overwhelming. We'll provide you with the tools to make informed decisions, ensuring you select the perfect fit for your React project's needs.

Join me and transform state management from a daunting task to an exciting adventure, empowering you to build robust and scalable web applications with confidence. There is also time for live coding.

State Management clarified: A Deep Dive into NgRx and NgRx SignalStore

Join me for a fun and informative journey into the world of state management, where we'll unravel the mysteries of NgRx17 and NgRx SignalStore. We'll dive into the core concepts, explore their unique strengths, and help you decide which one is the perfect match for your next web project.

With so many state management options, choosing the right one can be overwhelming. We'll provide you with the tools to make informed decisions, ensuring you select the perfect fit for your Angular project's needs.

Join me and transform state management from a daunting task to an exciting adventure, empowering you to build robust and scalable web applications with confidence. There is also time for live coding.

Driving Effective Software Solutions: DDD and Micro Frontends

This talk explores the combination of Domain-Driven Design (DDD) and micro frontends for building impactful software solutions. DDD prioritizes the business domain, while micro frontends break down monolithic frontends into focused applications.

We discuss the core principles of DDD, emphasizing the use of bounded contexts, aggregates, and entities to model the business domain effectively. Micro frontends enable scalability and team autonomy by dividing the frontend into smaller, independent components.

By integrating DDD with micro frontends, teams can manage complexity, scale applications, and empower developers with domain expertise and autonomy. Real-world examples and best practices are shared to guide attendees in implementing these approaches effectively.

This talk equips participants with the knowledge to drive effective software development by leveraging the synergies between DDD and micro frontends. To conclude the presentation, he unveils a gigantic real-world microfrontend project he created for the Dutch Railways.

Peter will start the talk with how an unexpected encounter with a rhino during his cycling trip to Nepal led him to embrace the concept of micro frontends. You will definitely be surprised by what is on his head during the talk.....