Micro-Frontends with Glimmer.js and single-spa

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale

    This app contains a navigation bar to route to the different micro-frontends based on the url.

  • people

    people mfe (by glimmer-mfe)

  • This micro frontend is for the people page and list the people and their details using the Starwars API SWAPI.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • planets

    planets mfe (by glimmer-mfe)

  • The planets micro frontend is almost similar to the people micro frontend except it uses the planets api from SWAPI.

  • root-config

    root config (by glimmer-mfe)

  • This is the host app that manages all the other micro frontends using single-spa.

  • glimmer-vm

  • We are deliberately turning off the @glimmer/validator registration, to allow multiple Glimmer apps co-exist within a single HTML page. Currently, this is not possible, but thanks to the above workaround proposed by John Griffin in this issue he had created in the glimmer-vm repository.

  • single-spa-glimmer

    single-spa plugin for Glimmer.js

  • single-spa-glimmer is a helper library that helps implement single-spa registered application lifecycle functions (bootstrap, mount and unmount) for for use with Glimmer. For more information, check out the github repository.

  • single-spa-layout

    Layout engine for single-spa applications

  • We are making use of the single-spa-layout engine here. The layout engine provides a routing API that controls your top level routes, applications, and DOM elements. Using single-spa-layout makes it easier to accomplish the following:

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS 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