AppShell — das Micro-Frontend-Fundament.

Laufzeit-Orchestrierung für Micro-Frontend-Anwendungen.
AppShell orchestriert Anwendungen, die aus unabhängig gebauten, separat ausgelieferten UI-Bausteinen bestehen. Diese Seite verkauft nichts; sie zeigt Ihnen eine der Technologien, mit der wir bauen. Der stärkste Beleg: diese Website läuft selbst auf AppShell.
Zurück zu Technologie

Was ist AppShell?

AppShell ist die Laufzeit-Orchestrierung für Micro-Frontend-Anwendungen — eine App aus unabhängig gebauten, separat ausgelieferten UI-Bausteinen (Touchpoints), die zur Laufzeit per Remote-URL als ES-Module geladen werden. AppShell besteht aus drei Paketen: @qs/app-shell ist der framework-agnostische Kern (gebaut mit Lit), @qs/app-shell-react liefert die React-Bindung, und @qs/micro-frontend definiert die Touchpoint-API, mit der ein Baustein sich in die Shell einklinkt.

Merkmale

  • Framework-agnostisch

    Der Kern baut auf HTML custom elements (Lit) und ist damit unabhängig vom Framework; **@qs/app-shell-react** ergänzt eine native React-Bindung.

  • Lazy Loading

    Touchpoints werden zur Laufzeit nachgeladen — mit sauberem Handling von Race Conditions, damit parallele Ladevorgänge sich nicht in die Quere kommen.

  • MessageBus

    Ein MessageBus koppelt die Bausteine über capability-basierte Kommunikation entkoppelt aneinander — statt direkter, fester Abhängigkeiten.

  • Automatisches Memory-Management

    AppShell räumt entladene Touchpoints selbst auf und beugt so Memory-Leaks vor.

  • Runtime-Validierung

    Die Shell validiert die geladenen Bausteine zur Laufzeit, bevor sie eingebunden werden.

Was Ihnen das bringt

  • Modular wachsen

    Grosse Anwendungen wachsen in unabhängigen Bausteinen statt als ein Monolith — jeder Touchpoint wird für sich gebaut und ausgeliefert.

  • Mehrere Teams, unabhängig

    Verschiedene Teams entwickeln und deployen ihre Touchpoints unabhängig voneinander, ohne sich gegenseitig zu blockieren.

  • Technologie-agnostisch

    Weil die Bausteine über eine standardisierte API zusammenspielen, ist die Shell nicht an ein einzelnes Frontend-Framework gebunden.

Belegbar, nicht behauptet

Der stärkste Beleg: diese Website läuft selbst auf AppShell. Wir setzen @qs/app-shell und @qs/app-shell-react produktiv ein — wir nutzen unsere eigenen Werkzeuge.

    Klingt nach der richtigen Grundlage für Ihre Anwendung?

    Sprechen wir darüber, wie AppShell Ihrem Projekt dient — ergebnisoffen, wir schauen gemeinsam, was Ihr Fall wirklich braucht.

    Einsatz besprechen
    Jan

    Lieber persönlich?

    Jan — Rufen Sie an, schreiben Sie eine E-Mail, oder schildern Sie Ihr Anliegen — was Ihnen lieber ist.

    jan@quatico.com