Was ist der Marmeladenstapel?

JAMstack

Lassen Sie uns erklären, was der „JAM-Stack“ für diejenigen ist, die ihn vielleicht besser verstehen müssen. Im Grunde genommen ist der JAMstack also nur ein Name für eine Art und Weise, wie man die Architektur von Webprojekten angeht.

Es steht für JavaScript, APIs und Markup. Zur Vereinfachung wird er JAM oder JAM-Stack genannt.

Es basiert auf der Idee, dass man anstelle einer großen dynamischen Anwendung, die jedes Mal läuft, wenn eine Anfrage eingeht – und dann HTML generiert und an den Browser zurückschickt – die Front-End-Präsentationsschicht von den verschiedenen dynamischen Funktionalitäten trennt und entkoppelt. In der Regel wird viel vorgefertigtes Markup als Front-End-Präsentationsschicht verwendet. Außerdem ist JavaScript (sozusagen) die wichtigste Laufzeitmaschine, die mit all diesen verschiedenen APIs und Diensten kommuniziert.

Einfach ausgedrückt, die grundlegenden Dinge, sind in Markup und bilden die feste Basis. Diese solide Basis wird durch JavaScript-APIs bereichert. Dadurch werden Dinge wie Einkaufswagen und einfach alles, was eine dynamische Funktionalität ist, hinzugefügt. Wenn Sie also ein E-Commerce-Geschäft haben, könnten Sie versuchen, alle Produktseiten im Voraus zu erstellen und sie bereitzuhalten, wenn ein Kunde auf eine von ihnen klickt. Diese Seiten „leben“ direkt im CDN, wodurch die Ladezeit so schnell wie möglich ist.

Im Moment gibt es einfach keine Möglichkeit, sie noch schneller zu machen.

Bedarf an einer API

Die Leute werden sehr, sehr schnell stöbern, und sie werden eine großartige Erfahrung machen. Sobald sie anfangen, etwas in den Einkaufswagen zu legen, wird eine JavaScript-Komponente aktiviert, die diese spezielle Komponente verwaltet. Sobald der Besucher auf die Schaltfläche „Kaufen“ klickt, muss natürlich irgendwo auf dem Server etwas passieren. Das ist der Ort, an dem Sie normalerweise eine API oder einen API-Aufruf verwenden würden. Egal, ob es sich um Stripe, einen vollwertigen Commerce-Layer oder sogar um eine selbst erstellte serverlose Funktion handelt, die mit Stripe kommuniziert, am Ende müssen Sie diesen API-Endpunkt verwenden. Sie wird aktiv, wenn eine echte „Zustandsänderung“ oder eine Aktion erforderlich ist.

Serverlos

Aufgrund dieser Art von Voreinstellungen kann die Anwendung oder Website „serverlos“ sein. Das bedeutet natürlich nicht, dass die Anwendung ohne einen Server läuft. Es bedeutet einfach, dass der Code nicht rund um die Uhr auf einen Server angewiesen ist und nur bei Bedarf den Server „anruft“. Daher müssen Sie sich als Website-Eigentümer oder -Entwickler nicht um die Erstellung und Aufrechterhaltung der Stabilität der Anwendung kümmern. Einfach gesagt, man serviert es einfach. Selbst bei etwas so Komplexem wie dem Hosting der Website ist es so einfach. Um dies zu verstärken und zu beschleunigen, kann ein Content Delivery Network eingesetzt werden. Dabei handelt es sich um geografisch verteilte Proxy-Server im Internet, die in Rechenzentren untergebracht sind. Das CDN hilft, Inhalte schnell, oder besser gesagt, sehr schnell, zu speichern und bereitzustellen.

Zusammenfassend lässt sich sagen, dass Sie sicherstellen sollten, dass alles auf einem möglichst leistungsfähigen CDN vorproduziert und bereit ist. In diesem Szenario haben Sie (gewissermaßen) das Beste aus beiden Welten.

Es ist ein kompliziertes System, aber das sollte Ihnen ein wenig geholfen haben.