Florian Rappl

Stairway to Heaven - Scaling Frontends the Right Way

Are micro frontends the best way to scale your app? This talk explores a powerful alternative: the modular monolith.

Stairway to Heaven - Scaling Frontends the Right Way
#1about 6 minutes

Understanding the purpose and benefits of micro-frontends

Micro-frontends are a software trend that enables scaling by splitting a large application into smaller parts developed by independent, agile teams.

#2about 2 minutes

Exploring the challenges and downsides of micro-frontends

Adopting micro-frontends can lead to challenges like increased bundle sizes, browser version mismatches, and the operational overhead of managing npm packages.

#3about 4 minutes

Introducing the modular monolith as a practical alternative

The modular monolith, managed within a monorepo, offers a balanced approach by ensuring version consistency and simplifying code sharing across the application.

#4about 6 minutes

Using Nx to manage and scale a frontend monorepo

The Nx toolset helps manage monorepos by visualizing dependencies and enforcing architectural boundaries between different domains using configurable linting rules.

#5about 7 minutes

A practical demonstration of an Nx workspace

This live demo showcases key Nx features, including generating a dependency graph, defining a library's public API, and enforcing domain boundaries with linting.

#6about 4 minutes

A strategic library structure for scaling applications

Organize monorepo libraries into distinct categories like feature, UI, domain, and utility to improve clarity and enforce strict access rules between layers.

#7about 2 minutes

Combining monorepos with micro-frontends for the best results

A hybrid approach uses a monorepo to develop isolated micro-frontends, gaining benefits like shared versioning and faster builds while maintaining deployment independence.

#8about 9 minutes

Q&A on monorepo processes and common challenges

The Q&A session addresses practical concerns such as coordinating package updates, assigning ownership of shared libraries, and managing circular dependencies.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Navigating the growing complexity of modern CSS
09:00 MIN

Navigating the growing complexity of modern CSS

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Organizing a developer conference for 15,000 attendees
01:32 MIN

Organizing a developer conference for 15,000 attendees

Cat Herding with Lions and Tigers - Christian Heilmann

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The challenge of keeping up with modern CSS
07:46 MIN

The challenge of keeping up with modern CSS

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Featured Partners

Related Videos

See all videos
Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Micro Frontends with Module Federation: Why and How?45:40

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios24:47

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Manfred Steyer

Destructuring Frontend monoliths with MicroFrontends41:49

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Microfrontends with Blazor: Welcome to the Party!58:32

Microfrontends with Blazor: Welcome to the Party!

Florian Rappl

Micro-Frontends with Module Federation: Beyond the Basics44:35

Micro-Frontends with Module Federation: Beyond the Basics

Manfred Steyer

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Related Articles

View all articles
BR
Benjamin Ruschin
The HTML Elements That You’re Probably Over-Engineering
As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering
DC
Daniel Cranney
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
JavaScript is the backbone of web development, powering everything from small websites to large-scale enterprise applications. However, as projects grow in complexity, maintaining JavaScript code can become increasingly difficult. This is where TypeS...
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
S
SciChart
The Fastest JavaScript Charts - Built for React and Beyond
For most developers, browser charting works fine — until it doesn’t. Once you push beyond tens of thousands of points, add live streaming, or need advanced interactions, the story changes: frame drops, frozen dashboards, memory issues. That’s where S...
The Fastest JavaScript Charts - Built for React and Beyond
CH
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript

From learning to earning

Jobs that call for the skills explored in this talk.