VueJs Amsterdam

This talk will be about Utilizing modern Vue and Nuxt to make micro frontends.


I'll briefly go over how the biggest real estate platform in the NL, Funda, makes use of MFE to handle development and show case some examples.


In modern web development "Module Federation" is a powerful feature that enables code sharing and dynamic loading between different applications.


But let's see what it means with micro frontends: It's an architectural approach to frontend development where a bigger application is decomposed into smaller, semi-independent "micro apps" that can be developed, tested, and deployed separately. It means teams can work autonomously on different parts of a web application with their preferred technologies and frameworks.


Vue 3 offers the Composition API (which is the best thing since sliced bread) and it helps for better modularity. Nuxt 3 simplifies server-side rendering and provides many modern tooling. (As an added bonus, type safety comes out of the box with nuxt)