Headless

Die 8 besten Generatoren für statische Websites im Jahr 2021

Aleksandar Basara 3 Minuten lesen

Jeder, der in JAMstack einsteigen möchte, wird sich eher früher als später mit den Generatoren für statische Websites beschäftigen. Das allein kann jedoch schon problematisch sein - derzeit gibt es mehr als 45 Generatoren für statische Websites! Um zu verhindern, dass Sie in eine Lähmung durch Analyse verfallen, gebe ich Ihnen meine Liste der 8 besten Static Site Generators To Watch In 2021 und erkläre kurz, was Static Site Generator (SSG) sind und warum Sie sie brauchen. Los geht's!

React-Router
Foto von Ferenc Almasi / Unsplash

Was ist ein Static Site Generator (SSG)?

Ein Static Site Generator (SSG) hilft Entwicklern, eine schnelle, schlanke statische Website zu erstellen. Mit einem SSG können Sie eine funktionale und optisch ansprechende statische Website in einem Bruchteil der Zeit erstellen, indem Sie Vorlagen und Rohdaten für eine Headless CMSDabei wird keine Zeit damit verschwendet, alles manuell in HTML zu kodieren.

"Statisch" bedeutet, dass die Website jedem Nutzer denselben Inhalt zeigt, im Gegensatz zu "dynamisch", wo anderen Nutzern verschiedene Versionen derselben Website angeboten werden.

Der Vorteil statischer Websites ist ihre Einfachheit und Schnelligkeit, da sie sehr leicht sind und die Server nicht stark belasten. Sie sind auch sicher, da sie eine kleinere Infrastruktur benötigen, und ihre Anpassungsmöglichkeiten sind grenzenlos.

Aus all den oben genannten Gründen sind statische Websites perfekt für Headless CMS und JAMstack.

Die 8 besten Generatoren für statische Websites im Jahr 2021

Weiter.js

Next ist mehr als nur ein Generator für statische Websites, denn es ist ein komplettes React-Framework, das Sie für viele verschiedene Zwecke verwenden können, von der Erstellung von SSR- (serverseitig gerenderten), SSG- (statisch vorgerenderten) und hybriden (SSR/SSG-) Anwendungen. Außerdem wird es ständig weiterentwickelt und wächst mit einer lebendigen Community. Darüber hinaus bietet Next.js viele Kontrollmöglichkeiten, die selbst fortgeschrittene Benutzer sehr glücklich machen.

Nuxt.js

Das sieht vielleicht wie ein Tippfehler aus, ist es aber nicht - Nuxt.js ist eine Open-Source-Vue-Alternative zum Next.js-Framework, wie bereits erwähnt. Das bedeutet, dass es viele der gleichen Funktionen bietet - es kann im SSR- oder SSG-Modus laufen, es ist sehr modifizierbar und man kann seine Funktionen schnell über Plugins erweitern. Natürlich ziehen manche Vue gegenüber React vor, weil es angeblich einfacher zu bedienen ist, aber das ist in der Regel eine Frage der persönlichen Vorlieben.

Gatsby.js

Gatsby.js ist ein schnelles und hochgradig anpassbares React-Framework, was es zu einer automatischen Option für jeden macht, der an der Erstellung von JAMstack-Sites interessiert ist. Es hat auch viele großartige Plugins, die Sie verwenden können, um Probleme zu lösen, Funktionen hinzuzufügen und eine wachsende Gemeinschaft von Nutzern zu haben, die bereit sind zu helfen. Es ist auch regelmäßig finanziert, was bedeutet, dass es hier zu bleiben.

Hugo

Hugo behauptet, das weltweit schnellste Framework für die Erstellung von Websites zu sein, und es ist wirklich schnell. Es verwendet Go, die Open-Source-Sprache von Google. Es ist neuer und hat nichts mit JavaScript zu tun, was bedeutet, dass seine Community kleiner ist als die von Next.js oder Nuxt.js. Aber da sie von einem Giganten wie Google unterstützt wird, können Sie davon ausgehen, dass sie schnell wachsen wird, da immer mehr Unternehmen sie verwenden. Hugo verfügt über eine Vielzahl von Vorlagen, die Sie mit Markdown-Shortcuts kombinieren können, um im Handumdrehen eine Website zu erstellen.

11ty

11ty basiert auf JavaScript selbst, nicht auf JavaScript-Frameworks wie React und Vue.js. Das macht Eleventy sehr einfach zu bedienen, wie alles, was Sie wissen müssen, ist JavaScript, nicht seine Frameworks. Obwohl einfach, ist 11ty hochgradig anpassbar, da Sie Ihre Templating-Sprache wählen können, und es verfügt über eine übersichtliche Ordnerstruktur, flache Dateien und volle Markdown-Unterstützung.

Jekyll

Jekyll ist ein Ruby-basierter Generator für statische Websites, der die Popularität von SSGs als Konzept in die Höhe schnellen ließ. Er eignet sich perfekt, um statische Blogs im Handumdrehen zu erstellen, kann aber auch für andere Websites verwendet werden. Jekyll ist zwar derzeit nicht so populär wie einige andere Namen auf dieser Liste, aber es gibt es schon lange, was bedeutet, dass es eine bewährte Erfolgsbilanz hat. Und da die GitHub-Seiten auf Jekyll basieren (einer der GitHub-Gründer hat es 2008 entwickelt), können Sie Ihre neu erstellte Jekyll-Site auf GitHub bereitstellen - völlig kostenlos.

Gridsome

Gridsome verwendet das Vue-JavaScript-Framework und ist Gatsby sehr ähnlich, da es zahlreiche Plugins, GraphQL, Code-Splitting und eine ausgezeichnete Bibliothek von Startvorlagen bietet. Kurz gesagt, was Nuxt.js für Next.js ist, ist Gridsome für Gatsby - eine Vue.js-Alternative zu einem beliebten statischen Website-Generator von React.

Scully

Schließlich haben wir noch Scully, eine SSG für diejenigen unter Ihnen, die Angular verwenden. Er ist relativ neu, wurde 2019 eingeführt und ist der erste Static Site Generator für Angular-Entwickler. Scully verwendet Plugins, um Ihnen noch mehr Kontrolle über seine Pre-Render-Prozesse zu geben. Sie können mit den neun Plugin-Typen beginnen und darauf aufbauend Ihre eigenen erstellen, was unbegrenzte Möglichkeiten bietet.

Schlussfolgerung

Wie bereits erwähnt, gibt es eine ganze Reihe (vielleicht sogar zu viele) Generatoren für statische Websites. Meiner Meinung nach sind die oben genannten 8 Best Static Site Generators to Watch in 2021 einen Versuch wert. Je nachdem, mit welcher Sprache und welchem Framework Sie arbeiten, ist für jeden etwas dabei, und Sie werden etwas Interessantes für Ihr nächstes(JAMstack-)Projekt finden.

Teilen Sie
Mehr von Aleks Basara - Berater für Headless CMS und Headless Commerce
Headless

Jamstack erklärt

Der JAMstack ist eine neue Art der Entwicklung von Websites und Anwendungen, die sich auf die Bereitstellung schneller und skalierbarer digitaler Erlebnisse konzentriert.
Aleksandar Basara 2 Minuten lesen

Sehr gut! Sie haben sich erfolgreich angemeldet.

Willkommen zurück! Sie haben sich erfolgreich angemeldet.

Sie haben sich erfolgreich bei Aleks Basara - Berater für Headless CMS und Headless Commerce angemeldet.

Erfolgreich! Prüfen Sie Ihre E-Mail auf einen magischen Link zur Anmeldung.

Erfolgreich! Ihre Rechnungsdaten wurden aktualisiert.

Ihre Rechnung wurde nicht aktualisiert.