Es spricht nichts dagegen, eine persönliche Webseite zum Beispiel mit WordPress zu erstellen. Trotzdem wollte ich den JAMstack ausprobieren und Stackbit machte mir das unglaublich einfach.

JAMstack

JAMstack (steht für "Javascript, APIs und Markup") beschreibt eine moderne Art, Webseiten (oder Apps) zu bauen. Dabei wird auf eine Entkopplung von Frontend- und Backend-Komponenten gesetzt. Anstatt wie bei herkömmlichen Content-Management-Systemen (CMS) wie WordPress ist das CMS losgelöst vom Frontend der Webseite. Dies ermöglicht die Sicherheit und Performance statischer Webseiten in Kombination mit den dynamischen Möglichkeiten eines database-getriebenen CMS.

Um die statischen Seiten zu generieren, nutzt man in der Regel einen Static Site Generator (SSR). Es gibt diverse SSR für unterschiedliche Javascript Frameworks. Für Entwickler bedeutet das, dass sie in einem modernen Environment arbeiten.

Als Content Management System kommen Headless CMS in den Einsatz. Wie bereits erwähnt, ist das CMS losgelöst vom Frontent (head) der Webseite. Über eine API werden Content und Frontend verbunden.

Stackbit

Stackbit ist ein Tool, welches das Erstellen von JAMstack Seiten unglaublich einfach macht. Es ist ein idealer Einstieg für Personen, welche sich für JAMstack interessieren aber eher bescheidene Coding-Kenntnisse haben.

Als erstes wählt man ein Theme aus oder lädt eines hoch. Dann entscheidet man sich für einen SSR. In meinem Fall war das Gatsby, weil ich bereits vorher auf Gatsby im Zusammenhang mit schnellen Ladezeiten stiess. Als nächstes wählt man ein Headless CMS. Ich probierte hier mehrere Optionen und entschied mich dann für Contentful. Zuletzt verbindet man das ganze mit Github und innert kürzester Zeit wird die Webseite generiert. Der Content kann bei Stackbit direkt inline angepasst werden, wenn das gewünscht ist.

Als letzter Baustein kommt bei mir Netlify ins Spiel. Netlify ist ein Infrastruktur Provider, welcher den Build- und Deployment-Prozess automatisiert. Hierfür muss man nur das Github Repository mit Netlify verbinden. Wurde eine Webseite mit dem JAMstack erstellt, spielt es bei Netlify keine Rolle, welches Framework genutzt wurde.

Ausblick

Nebst den Vorteilen für Entwickler sprechen sowohl die Sicherheit wie auch die schnellen Ladezeiten für den JAMstack. Selbst für dynamische Features gibt es mittlerweile Lösungen.

Stackbit erleichtert das Erstellen einer JAMstack Seite für Nicht-Entwickler ungemein. Es gibt allerdings bisher wenige fixfertige Templates. Zudem sind bei technischen Anpassungen Javascript Kenntnisse vorausgesetzt, während man sich bei WordPress gewöhnt ist, einfach das passende Plugin zu installieren.

Aus SEO-Sicht ist der JAMstack auf jeden Fall vielversprechend. Der Fokus liegt auf einer schnellen Web-Experience und Entwickler arbeiten in einem modernen Environment.