How to split an Angular app into micro-frontend apps

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io
featured
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
  1. angular-microfrontend

    This repo is better explained by this post:

    You can find the source code that we are going to use in this repo

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. ng-packagr

    Compile and package Angular libraries in Angular Package Format (APF)

    Additionally, to create a new library for each piece you want to share, you could use the Secondary entrypoints feature of ng-packagr to group common things together, like components or services, and group them together by a more specific feature. But consider this will requires additional updates to the configuration.

  4. single-spa

    The router for easy microfrontends

    Since micro-frontend allows us to develop applications individually, this also means you can use different frameworks and libraries together to develop each section of this application. Of course, this will have some advantages and disadvantages. If you are using different technologies to serve different parts of the application, it won't be so easy to move developers within teams. However, the door is open, and if you want to do something like that, you could use something like Single SPA, or some other, to help you organize and connect the different technologies into a larger application.

  5. nx

    Build system, optimized for monorepos, with AI-powered architectural awareness and advanced CI capabilities.

    You can also use just one frontend tool, like React, Vue, or in this case, Angular. Each of them has some way to achieve what we need. If you prefer doing in this way, one tool you could use is Nx. It has some really cool features such as depency graph, linked package, and others. It also has first-class support for Module Federation and Micro-frontend development.

  6. lerna

    Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

    We could improve part of this by using something like Lerna. With the right configuration, Lerna can be really helpful.

  7. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • ⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo

    9 projects | dev.to | 11 Mar 2024
  • React monorepo with open-source apps and proprietary libs

    2 projects | /r/react | 19 Jul 2023
  • Best way to share code between React App, React Native App, and NodeJs server?

    6 projects | /r/reactjs | 27 Jul 2022
  • Angular: Beyond the Fog #2

    2 projects | dev.to | 20 May 2025
  • The need for TypeSafety HTTPClient and HTTP Resource

    1 project | dev.to | 14 Apr 2025

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?