Was ist Jamstack?

Was ist Jamstack?

Jamstack ist ein Architekturansatz, der die Ebene der Weberfahrung von Daten und Geschäftslogik entkoppelt, so beschreibt es jamstack.org heute. Der Name stand ursprünglich für JavaScript, APIs und Markup und wurde 2015 von Matt Biilmann, damals CEO von Netlify, geprägt. Im klassischen Aufbau werden Seiten vorab erzeugt, über ein CDN ausgeliefert und mit clientseitigem JavaScript dynamisch gemacht, das APIs aufruft.

So funktioniert es

1. Build. Ein Static Site Generator oder Framework macht aus Inhalten und Templates HTML-, CSS- und JavaScript-Dateien. Beispiele sind Hugo, Eleventy, Astro und Gatsby.
2. Ausliefern. Die Dateien liegen auf einem CDN, Besucher erhalten Seiten also von einem nahen Edge-Standort, statt auf einen rendernden Server zu warten.
3. APIs aufrufen. Alles Dynamische wie Suche, Checkout, Kommentare oder ein CMS ist ein Drittanbieter-Dienst oder Ihre eigene API, aufgerufen im Browser oder beim Build.

Beispiel

Eine Dokumentationsseite wird bei jedem Commit aus Markdown-Dateien gebaut und auf einem CDN veröffentlicht. Die Suchbox fragt eine gehostete Such-API ab, ein Kontaktformular sendet an einen Serverless-Endpunkt. Für die Seiten selbst gibt es keinen Anwendungsserver zu patchen oder zu skalieren, dafür aber mehrere APIs, von denen die Seite nun abhängt.

Wo Jamstack heute steht

Der Begriff ist seltener geworden. Die Startseite von jamstack.org spricht heute von einer "composable architecture", buchstabiert das alte Akronym nicht aus und erwähnt weder statische Dateien noch CDNs. Die Ideen sind überall, aber unter anderen Namen, und die Grenze zwischen statisch und dynamisch ist verschwommen: Frameworks wie Next.js und Astro erlauben es, manche Routen vorab zu rendern und andere auf Anfrage, und Hydration macht vorgebautes HTML interaktiv. Verstehen Sie "Jamstack" als hilfreiche Beschreibung eines statisch ausgerichteten, API-getriebenen Aufbaus, nicht als strenge Spezifikation.

Häufige Fehler

• Annehmen, es sei immer schneller. Eine vorgebaute Seite ist schnell, ein großes JavaScript-Bundle oder langsame Drittanbieter-APIs können das aber zunichtemachen.
• Die Build-Zeit vergessen. Seiten mit zehntausenden Unterseiten brauchen nach jeder Inhaltsänderung unter Umständen lange für den Neubau.
• APIs als fremdes Problem sehen. Jede Drittanbieter-API ist eine Abhängigkeit, die langsam sein oder ausfallen kann.
• Es "kein Backend" nennen. Das Backend ist in Dienste und Funktionen gewandert, es ist nicht verschwunden.

Jamstack, Lasttests und Monitoring

Statische Dateien auf einem CDN brauchen selten einen Lasttest. Die Teile, die ihn brauchen, sind die APIs und Serverless-Funktionen hinter Formularen, Suche und Checkout: Führen Sie einen Lasttest gegen diese Endpunkte durch und beobachten Sie sie mit API-Monitoring. Lesen Sie auch unseren Artikel dazu, wie Serverless-Architektur Performance-Tests verändert (englisch).

Häufige Fragen

Wofür steht Jamstack?

Für JavaScript, APIs und Markup. Das Akronym ist die ursprüngliche Definition, auch wenn jamstack.org den Ansatz heute als Entkopplung der Ebene der Weberfahrung von Daten und Geschäftslogik beschreibt.

Ist Jamstack dasselbe wie eine statische Website?

Nicht ganz. Statische Generierung ist der klassische Weg, aber eine Seite im Jamstack-Stil ruft für dynamische Funktionen auch APIs auf, und moderne Frameworks können manche Seiten auf Anfrage rendern.

Ist Jamstack tot?

Der Begriff wird seltener verwendet, aber seine Bausteine sind gängige Praxis: vorgebaute Seiten, CDN-Auslieferung und API-basierte Dienste. Nur wenige Teams wählen es heute noch als benannte Kategorie.

Ist eine Jamstack-Seite gut für SEO?

Vorgebautes HTML können Suchmaschinen leicht lesen, und es lädt meist schnell. Das Ranking hängt dennoch von der Inhaltsqualität und dem Rest Ihrer Website ab.