https://github.com/afonsojramos/astro-microfrontends

Framework Agnostic Microfrontends using ESM Imports and Astro Islands
https://github.com/afonsojramos/astro-microfrontends

astro esm esmodules island-architecture microfrontend react solidjs url-imports

Last synced: 2 months ago
JSON representation

Framework Agnostic Microfrontends using ESM Imports and Astro Islands

• Host: GitHub
• URL: https://github.com/afonsojramos/astro-microfrontends
• Owner: afonsojramos
• Created: 2023-07-04T16:16:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-10T11:20:38.000Z (over 1 year ago)
• Last Synced: 2024-10-14T19:43:06.086Z (4 months ago)
• Topics: astro, esm, esmodules, island-architecture, microfrontend, react, solidjs, url-imports
• Language: JavaScript
• Homepage: https://www.youtube.com/watch?v=UQ_C79OyXI4
• Size: 58.6 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# esm-microfrontends

This demo takes advantage of EcmaScript Modules (ESM) and url-imports to do client-side composition of microfrontends. Vite is used to bundle each microfrontend and Astro is used to bundle the shell.

## Features

- ✨ Client-side composition of microfrontends

- 📦 Multiframeworks with Astro Islands

- 🚀 SSG/SSR supported by Astro

## Usage

- Build and serve each microfrontend with `pnpm build && pnpm serve`

- Start the shell with `pnpm dev`

## Shared dependencies

Dependencies such as react and react-dom are shared across applications. They are fetched from [esm.sh](https://esm.sh/) and gets cached in the browser, reducing the bundle size. Each app can share other dependencies as well through url imports.