Ein Meta-Framework ist ein Framework, das auf einer Bibliothek für Benutzeroberflächen aufsetzt und daraus eine vollständige Website macht. Bekannte Beispiele sind Next.js für React, Nuxt für Vue.js und SvelteKit für Svelte.
- Meta-Framework
Ein Framework, das eine UI-Bibliothek um Routing, Datenabruf und serverseitiges Rendering ergänzt.
Beispiel: „Für das Projekt nehmen wir React mit einem Meta-Framework, damit die Seiten auf dem Server entstehen.“Abgrenzung zum Framework: Ein Meta-Framework ist selbst eines. Es fängt aber nicht bei null an und baut auf einer vorhandenen UI-Bibliothek auf.
Warum es Meta-Frameworks gibt
Weil Bibliotheken wie React nur die Oberfläche beschreiben. Für eine Website fehlen dann die Adressen der Seiten, das Laden der Daten, das Erzeugen von HTML auf dem Server und der Bauschritt für die Auslieferung.
Früher hat jedes Team diese Teile selbst zusammengesteckt, mit jeweils eigenen Lösungen. Ein Meta-Framework legt dafür einen gemeinsamen Weg fest und nimmt die Abstimmung zwischen den Teilen ab.
Was ein Meta-Framework typischerweise leistet
Routing über die Ordnerstruktur, die Wahl zwischen Rendern auf dem Server, beim Bauen oder im Browser, Serverfunktionen für Formulare und Schnittstellen, optimierte Bilder und Schriften sowie die Hydration der fertigen Seite.
Manche gehen über eine einzelne Bibliothek hinaus: Astro lässt mehrere UI-Bibliotheken auf derselben Seite zu.
Worauf du bei einem Meta-Framework achten solltest
Auf die Bindung. Ein Meta-Framework bestimmt mehr als die Bibliothek darunter, vom Aufbau der Ordner bis zum Hosting. Ein Wechsel ist später fast immer eine Neuentwicklung.
Manche Funktionen sind zudem auf die Plattform eines bestimmten Anbieters zugeschnitten, so etwa bei Next.js und Vercel. Ob das Projekt auch beim eigenen Hoster voll funktioniert, gehört vor den Start geklärt.