Die Zukunft ist hell, weil die Zukunft statisch ist

Ich mache dieses Web-Ding nun seit 10 Jahren für Geld und obwohl ich noch nicht so lange dabei bin wie manche Leute, habe ich das Gefühl, einige Zyklen kommen und gehen sehen, also sagen wir mal, dass heiße neue Dinge oft zynisch betrachtet werden, anfangs. Dieser Meilenstein hat mich auch in eine nachdenkliche Stimmung versetzt, und die Frage „Was an der Webseitenerstellung interessiert dich dieses Jahr?“ hat das nur noch weiter gefördert.

Als ich in die Branche kam, war ich ein reiner Designer, der statische Comps an Entwickler lieferte, bis ich mich nach zu vielen schlechten Umsetzungen meiner Arbeit entschied, selbst mit dem Programmieren anzufangen. Natürlich konzentrierte ich mich rein auf das Frontend – speziell HTML und CSS. Ja, ich habe mich auch ein wenig mit JavaScript beschäftigt (als Flash vollständig irrelevant wurde), aber Markup und Styles waren schon immer meine Lieblingsaspekte der Webtechnologie. Mit Backend-Entwicklung hatte ich nie wirklich etwas am Hut. Klar, ich kann es, aber es ist sicher nicht meine Stärke und schwächt normalerweise mein Angebot etwas ab – besonders als freiberuflicher Webdesigner. Nun, es hat mich *geschwächt*, bis jetzt.

JAMstack: ein furchtbarer Name, aber furchtbar ermächtigend.

Ich liebe JAMstack, weil es Leuten wie mir ermöglicht, die mit Backend-Dingen nicht sehr gut zurechtkommen, und der Aspekt von JAMstack, der mir am besten gefällt – und den ich für den besten halte – sind statische Seitengeneratoren (SSGs). Ich spreche hier spezifisch von SSGs wie Eleventy und weniger von Gatsby, zur Referenz.

Der größte Grund, warum ich SSGs wie Eleventy mag, ist, dass ich eine völlig flexible, komponentenbasierte Codebasis haben kann, die zur Build-Zeit zu nichts anderem als schönem, statischem HTML kompiliert wird. Man hat immer noch die Kraft von JavaScript, aber anstatt es durch die Leitung zu zwingen, führt man es zur Kompilierungszeit aus. Das hat es mir ermöglicht, einige ziemlich verdammt komplexe Dinge zu tun. Eleventy macht all das auch in blitzschneller Geschwindigkeit.

Kombiniere Eleventy mit Netlify und in manchen Fällen mit Heroku, und plötzlich hast du ein leistungsstarkes Entwicklungssetup, das zu einer schnellen, performanten Website führt, die automatisch bereitgestellt wird. Das ist für mich das perfekte Setup.

Diese Dinge begeistern mich so sehr, dass ich dieses Jahr ein Eleventy Starter Kit namens Hylia erstellt habe. Das habe ich aus zwei Gründen getan:

1. Ich wollte die Machbarkeit einer statischen Website mit Content-Management testen, die quellgesteuerten Inhalt verwendet. Dazu habe ich Netlify CMS gewählt.
2. Ich wollte Menschen ohne technische Fähigkeiten befähigen, einen performanten, zugänglichen Blog zu veröffentlichen, damit sie sich nicht auf zentralisierte Systeme verlassen müssen.

Die Plattform kam sehr gut an und ich denke, ein Grund für ihren Erfolg ist, dass sie, obwohl sie (optional) Content-verwaltet ist, von Design Tokens angetrieben wird und vollständig komponentenorientiert ist, *wirklich gut* funktioniert, weil alles, was man bekommt, HTML und CSS mit ein wenig progressiv verbesserter JavaScript ist.

Das ist die Magie von SSGs, weil sie uns ein *Entwicklererlebnis* bieten, aber viel wichtiger ist, weil die Ausgabe statisch und leichtgewichtig ist (es sei denn, man verhindert das mit viel Code), schafft sie auch eine wirklich solide Grundlage für eine gute *Benutzererfahrung*! Das gilt nicht nur für kleine Projekte wie Hylia, denn SSGs können sogar riesige Projekte wie das Duet Design System antreiben, zum Beispiel.

Wenn ich an die Ermächtigung zurückdenke, die SSGs ermöglichen, werde ich einfach einige Dinge auflisten, die sie *mir*, einem Webdesigner, dieses Jahr ermöglicht haben:

• Ein Buch selbst veröffentlichen
• Schnelle, interaktive Prototypen für Kunden erstellen, was den Entscheidungsprozess völlig verändert hat
• Tatsächliche, vollständige Websites für Kunden bauen
• Meinen Designprozess komplett transformieren, um HTML und CSS als Liefergegenstände statt statische Comps zu verwenden
• Ein unglaublich umfassendes, plattformübergreifendes Designsystem erstellen und dokumentieren (in Arbeit)
• Mein CSS-Newsletter neu aufsetzen (in Arbeit)

Das sind *riesige* Dinge, die einen massiven, positiven Einfluss auf mich hatten und nächstes Jahr werden SSGs in meiner Arbeit noch mehr eine Rolle spielen, da ich mich auch in die Bereitstellung von Bildungsmaterialien verlagere.

Zusammenfassung

Die Zukunft ist hell mit JAMstack und SSGs – besonders wenn das, was dem Endnutzer geliefert wird, schnelle, progressiv verbesserte Websites sind. Ich glaube ehrlich gesagt, dass sie eine Welle der Dynamik in Richtung eines größeren Fokus auf Performance erzeugen.

Wenn wir etwas Serverless-Technologie hinzufügen: Plötzlich sind Designer und Frontend-Entwickler wirklich allmächtig und das begeistert mich *wirklich*, denn plötzlich geben wir vielen Menschen die Möglichkeit, *tolle Ideen* zu haben, die sie vielleicht vorher nicht gehabt hätten.