# Die 10 besten Static-Site-Generatoren

Für viele Arten von Websites stellt ein Static-Site-Generator (SSG) die optimale Entwicklungslösung dar. Dank geringer Komplexität bei gleichzeitig hoher Performance und Sicherheit erfreuen sich SSGs großer Beliebtheit. Wir stellen die besten Static-Site-Generatoren vor und geben Tipps zur Auswahl und zum Einsatz.

## Was macht einen guten Static-Site-Generator aus?

Im Vergleich zu den ebenfalls weit verbreiteten [Content-Management-Systemen (CMS)](https://www.ionos.de/digitalguide/hosting/cms/cms-vergleich/) wie [WordPress](https://www.ionos.de/digitalguide/hosting/cms/wordpress-das-bekannte-cms-unter-der-lupe/), [Joomla!](https://www.ionos.de/digitalguide/hosting/cms/joomla-grundlagenwissen-zum-open-source-cms/) und Co. bestechen [Static-Site-Generatoren](https://www.ionos.de/digitalguide/websites/webseiten-erstellen/was-ist-ein-static-site-generator/) durch deutlich geringere Komplexität bei gleichzeitig höherer Sicherheit. Manche SSGs erlauben sogar den Betrieb eines Content-Management-Systems als [Headless CMS](https://www.ionos.de/digitalguide/hosting/cms/headless-cms-was-sind-die-vorteile/).

Das überzeugendste Argument, das die besten Static-Site-Generatoren auszeichnet, liegt jedoch in der Performance der erzeugten Websites. Statische Websites lassen sich mit minimalem Aufwand hosten, da keine spezielle Serverumgebung für die Ausführung von Code benötigt wird. Mit SSGs werden HTML- und CSS-Elemente direkt bei einer Veränderung des Codes gerendert. Zudem sind statische Sites viel einfacher zu cachen; beliebt sind sogenannte Edge-Caches, die global verteilt über [Content Delivery Networks (CDN)](https://www.ionos.de/digitalguide/hosting/hosting-technik/was-ist-ein-content-delivery-network-cdn/) zur Verfügung gestellt werden.

## Die besten Static-Site-Generatoren im Vergleich

Aufgrund des einfachen Wirkprinzips und der großen Beliebtheit hat sich ein florierendes Ökosystem an Static-Site-Generatoren (SSG) entwickelt. Die Website [jamstack.org](https://jamstack.org/generators/ "Static Site Generators auf jamstack.org") listet über 360 SSGs und bietet eine Übersicht der zum Einsatz kommenden Technologien. In den nachfolgenden Abschnitten finden Sie einige der besten Static-Site-Generatoren in der direkten Gegenüberstellung sowie im Kurzporträt.

<table>
  <thead>
    <tr>
      <th>Static-Site-Generator</th>
      <th>GitHub-Sterne</th>
      <th>Scriptsprache</th>
      <th>Template-Sprache</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><strong>Next.js</strong></td>
      <td>131k</td>
      <td>JavaScript</td>
      <td>React</td>
    </tr>
    <tr>
      <td><strong>Hugo</strong></td>
      <td>80k</td>
      <td>Go</td>
      <td>Go</td>
    </tr>
    <tr>
      <td><strong>Docusaurus</strong></td>
      <td>59k</td>
      <td>JavaScript</td>
      <td>React, Markdown</td>
    </tr>
    <tr>
      <td><strong>Nuxt</strong></td>
      <td>56k</td>
      <td>JavaScript</td>
      <td>Vue</td>
    </tr>
    <tr>
      <td><strong>Gatsby</strong></td>
      <td>55k</td>
      <td>JavaScript</td>
      <td>React</td>
    </tr>
    <tr>
      <td><strong>Astro</strong></td>
      <td>50k</td>
      <td>JavaScript</td>
      <td>Verschiedene</td>
    </tr>
    <tr>
      <td><strong>Jekyll</strong></td>
      <td>49k</td>
      <td>Ruby</td>
      <td>Liquid</td>
    </tr>
    <tr>
      <td><strong>Hexo</strong></td>
      <td>40k</td>
      <td>JavaScript</td>
      <td>Verschiedene</td>
    </tr>
    <tr>
      <td><strong>VuePress</strong></td>
      <td>22k</td>
      <td>JavaScript</td>
      <td>Vue</td>
    </tr>
    <tr>
      <td><strong>Eleventy</strong></td>
      <td>18k</td>
      <td>JavaScript</td>
      <td>Verschiedene</td>
    </tr>
  </tbody>
</table>

Stand: Mai 2025

### Next.js

[![Bild: Screenshot von der Next.js-Website](https://www.ionos.de/digitalguide/fileadmin/_processed_/0/e/csm_next-js-website_0e97b05269.webp "Screenshot von der Next.js-Website")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/next-js-website.png) Next.js zählt seit Jahren zu den besten Static-Site-Generatoren; Quelle: https://nextjs.org/ Bei [Next](https://nextjs.org/ "Homepage von Next.js") handelt es sich zahlenmäßig um den derzeit beliebtesten Static-Site-Generator. Next ist in JavaScript geschrieben. Für das Kompilieren wird lokal [Node.js](https://www.ionos.de/digitalguide/websites/web-entwicklung/einfuehrung-in-nodejs/) genutzt. Auch Server-Side-Rendering ist mit Node.js möglich. Als Template-Sprache kommt das JavaScript-Framework „React“ zum Einsatz, wobei auch der [TypeScript](https://www.ionos.de/digitalguide/websites/web-entwicklung/typescript/)-Dialekt unterstützt wird. So lassen sich modulare Komponenten erstellen, die die Inhalte der Website enthalten.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Static-Site-Generation und Server-Side-Rendering werden unterstützt</td>
      <td>Dokumentation auf Linux und macOS ausgerichtet</td>
    </tr>
    <tr>
      <td>Erlaubt inkrementelle Regeneration geänderter Seiten</td>
      <td>Benötigt gutes Verständnis von JavaScript und React</td>
    </tr>
  </tbody>
</table>

### Hugo

[![Bild: Screenshot der Website von Hugo](https://www.ionos.de/digitalguide/fileadmin/_processed_/4/6/csm_hugo-website_d4aeee4e4f.webp "Screenshot der Website von Hugo")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/hugo-website.png) Hugo arbeitet mit der Programmiersprache Go; Quelle: https://gohugo.io Wie sich im Namen widerspiegelt, ist der Static-Site-Generator (SSG) [Hugo](https://gohugo.io/ "Homepage von Hugo") in der Programmiersprache [Go](https://www.ionos.de/digitalguide/server/knowhow/golang/) geschrieben. Anders als der Großteil der besten Static-Site-Generatoren wird Hugo als einzelne Binärdatei ausgeliefert. Die sich daraus ergebende hohe Performance erlaubt die **Erstellung statischer Websites mit tausenden von Seiten**. Konzeptuell baut Hugo auf vielen der Prinzipien auf, die das SSG-Urgestein Jekyll bekannt gemacht haben.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Sehr schnelle Build-Geschwindigkeit</td>
      <td>Programmier- und Template-Sprache Go ist nicht weit verbreitet</td>
    </tr>
    <tr>
      <td>Für die Erzeugung großer Sites geeignet</td>
      <td></td>
    </tr>
    <tr>
      <td>Als Binary ausgeliefert, daher so gut wie überall lauffähig</td>
      <td></td>
    </tr>
  </tbody>
</table>

### Docusaurus

[![Bild: Screenshot von der Docusaurus-Homepage](https://www.ionos.de/digitalguide/fileadmin/_processed_/a/f/csm_docusaurus-website_990b0cf4a7.webp "Screenshot von der Docusaurus-Homepage")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/docusaurus-website.png) Übersetzungen in verschiedene Sprachen sind mit Docusaurus schnell erledigt; Quelle: https://docusaurus.io/ [Docusaurus](https://docusaurus.io/ "Homepage von Docusaurus") zählt zu den besten Static-Site-Generator für die Erstellung von **Dokumentations- und Projekt-Websites**. Das Open-Source-Projekt wird maßgeblich von Meta unterstützt. Inhalte werden in Markdown geschrieben und anschließend durch React-Komponenten ergänzt. Docusaurus bietet integrierte Features wie Versionierung, Lokalisierung und eine Plugin-Architektur, die vor allem auf die Anforderungen von Entwicklerinnen und Entwicklern zugeschnitten ist.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Versionierung und Mehrsprachigkeit integriert</td>
      <td>Für spezifische Use Cases konzipiert</td>
    </tr>
    <tr>
      <td>Vorkonfiguriertes Layout für technische Dokumentationen</td>
      <td></td>
    </tr>
  </tbody>
</table>

### Nuxt

[![Bild: Screenshot der Website von Nuxt](https://www.ionos.de/digitalguide/fileadmin/_processed_/1/9/csm_nuxt-website_e1cea8e6e4.webp "Screenshot der Website von Nuxt")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/nuxt-website.png) Nuxt ist von dem SSG Next beeinflusst worden; Quelle: https://nuxt.com/ Wie am Namen zu erkennen, handelt es sich bei [Nuxt](https://nuxtjs.org/ "Homepage von Nuxt") um einen von Next inspirierten Static-Site-Generator. Jedoch kommt als Komponenten-Framework Vue anstelle von React zum Einsatz. Wie Next bietet auch Nuxt **mehrere Einsatzmodi**: Sowohl Static-Site-Generation als auch Server-Side-Rendering werden unterstützt.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Vue einfacher zu erlernen als React</td>
      <td>Vergleichsweise kleine Community</td>
    </tr>
    <tr>
      <td>Hoher Grad an Modularität</td>
      <td>Abhängigkeit vom Vue-Ökosystem</td>
    </tr>
    <tr>
      <td>Erweiterbar über Plugins</td>
      <td></td>
    </tr>
  </tbody>
</table>

### Gatsby

[![Bild: Screenshot von der Gatsby-Website](https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_gatsby-website_8699f9d0f1.webp "Screenshot von der Gatsby-Website")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/gatsby-website.png) Gatsby kann sogar WordPress beschleunigen; Quelle: https://www.gatsbyjs.com Bei [Gatsby](https://www.gatsbyjs.com/ "Homepage von Gatsby") handelt es sich um einen React-basierten Entwicklungsansatz, der Rapid Development auf Grundlage einer GraphQL-Datenpipeline ermöglicht. Gatsby wird oft eingesetzt, um WordPress-Sites performant zu machen. Dabei werden die **Inhalte per GraphQL-Schnittstelle ausgelesen** und via React in eine statische Website verpackt. Durch dieses Entkoppeln von Front- und Backend wird WordPress zum „Headless CMS“. Mit Gatsby lassen sich aber auch „Progressive Web Apps“ (PWA) erstellen.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ausgefeilte Bild-Optimierungen</td>
      <td>Leistungseinbußen bei wachsenden Sites</td>
    </tr>
    <tr>
      <td>Hot Reloading für unmittelbare Spiegelung von Frontend-Änderungen</td>
      <td>Starke Abhängigkeit von Plugins</td>
    </tr>
    <tr>
      <td>Pre-Fetching von Inhalten beim Scrollen der Seite</td>
      <td></td>
    </tr>
  </tbody>
</table>

### Astro

[![Bild: Astro-Website-Screenshot](https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_astro-ssg-website_b732175044.webp "Astro-Website-Screenshot")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/astro-ssg-website.png) Astro lässt sich mit verschiedenen Frontend-Templates wie React oder Svelte nutzen; Quelle: https://astro.build/ [Astro](https://astro.build/ "Website des Static-Site-Generators Astro") zählt zu den jüngeren Vertretern in der Riege der besten Static-Site-Generatoren. Die Software ist speziell darauf ausgelegt, Websites so leicht und schnell wie möglich zu machen. Der „Islands Architecture“-Ansatz erlaubt es, interaktive Komponenten nur dann zu laden, wenn sie wirklich benötigt werden. Astro unterstützt verschiedene Template-Sprachen wie React, Vue, Svelte oder SolidJS und bietet die Möglichkeit, Inhalte komplett statisch oder serverseitig zu generieren. Durch den Fokus auf **„HTML first“-Entwicklung** eignet sich Astro besonders gut für Content-getriebene Websites und schnelle [Landingpages](https://www.ionos.de/digitalguide/websites/webseiten-erstellen/landingpage-das-macht-eine-gute-zielseite-aus/).

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Minimale JavaScript-Auslieferung</td>
      <td>(Noch) kleines Plugin-Ökosystem</td>
    </tr>
    <tr>
      <td>Unterstützt verschiedene Template-Sprachen</td>
      <td>Integrationen teilweise sehr aufwändig</td>
    </tr>
  </tbody>
</table>

### Jekyll

[![Bild: Screenshot der Website von Jekyll](https://www.ionos.de/digitalguide/fileadmin/_processed_/e/f/csm_static-site-generator-jekyll_ac159c40af.webp "Screenshot der Website von Jekyll")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2021/static-site-generator-jekyll.png) Jekyll — einer der ersten und besten Static-Site-Generatoren; Quelle: https://jekyllrb.com/ Bei [Jekyll](https://www.ionos.de/digitalguide/hosting/blogs/jekyll-der-praktische-generator-fuer-statische-website/) handelt es sich um das Urgestein der besten Static-Site-Generatoren. Die Software machte das Konzept des SSG populär und führte zur weiten Verbreitung der Technologie. Konzeptuell ist der Static-Site-Generator recht simpel: **Inhalte aus Markdown-Dateien** werden in Templates angeordnet und als statische Site ausgeliefert. Jekyll eignet sich daher besonders gut zum Erzeugen von Blogs und Dokumentationen. Der SSG ist in Ruby geschrieben und ist als Unterbau von [GitHub Pages](https://pages.github.com/ "GitHub Pages") in den Code-Hosting-Dienst GitHub integriert.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Einfach zu nutzen</td>
      <td>Ruby ist weniger verbreitet</td>
    </tr>
    <tr>
      <td>Kein JavaScript-Framework notwendig</td>
      <td>Komplexes Setup unter Windows</td>
    </tr>
    <tr>
      <td>Volle Kontrolle über das ausgelieferte JavaScript</td>
      <td></td>
    </tr>
  </tbody>
</table>

### Hexo

[![Bild: Screenshot der Website von Hexo](https://www.ionos.de/digitalguide/fileadmin/_processed_/7/d/csm_hexo-website_9ede0bf5cb.webp "Screenshot der Website von Hexo")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/hexo-website.png) Hexo richtet sich vor allem an Bloggerinnen und Blogger; Quelle: Quelle: https://hexo.io/ [Hexo](https://hexo.io/ "Homepage von Hexo") bewirbt sich selbst als schnelles, simples und mächtiges Blog-Framework. Der Fokus liegt also auf dem Erzeugen von Blogs und anderen Sites, deren Inhalte sich als **Sammlung von Markdown-Dateien** vorhalten lassen. Damit ordnet Hexo sich in die Klasse der Jekyll-ähnlichen Static-Site-Generatoren ein. Durch den Einsatz von Plugins lässt sich eine Vielzahl zusätzlicher Template-Sprachen nutzen. Um schnell ein Design auf die Beine zu stellen, wählt man eins der vorgefertigten Themes.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Große Auswahl an Plugins und Themes zur einfachen Erweiterung</td>
      <td>Geringerer Funktionsumfang</td>
    </tr>
    <tr>
      <td>Schnelle Generierung ganzer Sites mit Hunderten von Markdown-Seiten</td>
      <td></td>
    </tr>
  </tbody>
</table>

### VuePress

[![Bild: Screenshot der Website von Vuepress](https://www.ionos.de/digitalguide/fileadmin/_processed_/8/7/csm_vuepress-website_aaaac6d384.webp "Screenshot der Website von Vuepress")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/vuepress-website.png) VuePress ist vergleichsweise leicht zu bedienen; Quelle:https://vuepress.vuejs.org Mit [VuePress](https://vuepress.vuejs.org/ "Homepage von VuePress") steht ein weiterer Static-Site-Generator zur Verfügung, der auf Vue als Template-Sprache setzt. Das Mantra der Software lautet „Konvention ist besser als Konfiguration“. So lässt sich der SSG **ohne großen Aufwand einsetzen**; im einfachsten Fall reicht es, Markdown-Dateien in einen speziellen Ordner zu legen und den Build-Prozess auszulösen. VuePress eignet sich besonders gut zum schnellen Erstellen von Dokumentationen.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Minimales Setup</td>
      <td>Geringer Funktionsumfang</td>
    </tr>
    <tr>
      <td>Unterstützt Vue-Komponenten in Markdown</td>
      <td>Starker Fokus auf Erstellung von Dokumentationen</td>
    </tr>
  </tbody>
</table>

### Eleventy

[![Bild: Screenshot der Website von Eleventy](https://www.ionos.de/digitalguide/fileadmin/_processed_/0/3/csm_eleventy-website_b08cd8f2f5.webp "Screenshot der Website von Eleventy")](https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2025/eleventy-website.png) Bei Eleventy behalten Entwicklerinnen und Entwickler die volle Kontrolle; Quelle: https://www.11ty.dev/ Der [Eleventy](https://www.11ty.dev/ "Homepage von Eleventy") Static-Site-Generator wird oft als [Jekyll-Alternative](https://www.ionos.de/digitalguide/websites/web-entwicklung/jekyll-alternative/) bzw. „Jekyll in JavaScript implementiert“ beworben. Wie der berühmte Vorreiter erzeugt Eleventy statische Sites, **ohne** zwingend ein **clientseitiges JavaScript-Framework** wie React oder Vue einzubauen. So verbleibt die volle Kontrolle über die ausgegebenen Seiten beim Entwickler bzw. der Entwicklerin. Das wohl auffallendste Merkmal von Eleventy ist die Flexibilität des Tools. Es lassen sich vielerlei Sprachen und Formate nutzen; das Standardverhalten des SSG lässt sich per Konfiguration weitgehend anpassen.

<table>
  <thead>
    <tr>
      <th>Vorteile</th>
      <th>Nachteile</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Gleichzeitige Nutzung verschiedener Template-Sprachen möglich</td>
      <td>Manuelle Anpassungen und technisches Verständnis erforderlich</td>
    </tr>
    <tr>
      <td>Statische Site enthält kein JavaScript-Framework</td>
      <td>Kleine Community</td>
    </tr>
  </tbody>
</table>

## Wie findet man den passenden Static-Site-Generator?

Um den besten Static-Site-Generator für ein Projekt zu wählen, gilt es vor allem, folgende zwei Fragen in puncto **Projekt-Typ** zu beantworten:

- Handelt es sich um einen Blog oder eine Sammlung von Landing Pages? In diesem Fall eignet sich ein simpler SSG, der Seiten aus einer Handvoll Markdown-Dateien erzeugt.
- Wird eher eine Web-App oder ein Online-Shop gebraucht? Dann lohnt es sich, einen Komponenten-orientierten SSG auf Basis von React oder Vue in Betracht zu ziehen. Alternativ können Sie auch auf einen Generator zurückgreifen, der auch das Server-Side-Rendering unterstützt.

Tipp Erfahren Sie an anderer Stelle im Digital Guide, worin die Unterschiede zwischen [Client- und Server-Side-Rendering](https://www.ionos.de/digitalguide/websites/web-entwicklung/server-side-und-client-side-scripting-die-unterschiede/) liegen.

Auch die **Erfahrung der beteiligten Entwicklerinnen und Entwickler** sollte in die Wahl des besten Static-Site-Generators (SSG) einbezogen werden:

- Steht nur eine Template-Sprache zur Verfügung, ist es vorteilhaft, wenn die Entwicklerinnen und Entwickler mit der Sprache vertraut sind.
- Kann man aus einer Vielzahl an Template-Sprachen wählen, ist man deutlich flexibler.
- Zudem ist es relevant, ob die Template-Sprache nur während des Build-Prozesses zum Einsatz kommt (Twig, Liquid) oder eng mit dem Frontend verwoben ist (React, Vue).

Als nächster wichtiger Punkt muss geklärt werden, **woher die Inhalte für die Site stammen**:

- Wird eine Site von Grund auf neu gebaut, lassen sich die Inhalte unter Umständen komplett in Markdown hinterlegen.
- Handelt es sich um eine existierende Site, die bereits große Mengen an Inhalten enthält? Dann sollte ein Static-Site-Generator zum Einsatz kommen, der über definierte Schnittstellen wie [GraphQL](https://www.ionos.de/digitalguide/websites/web-entwicklung/graphql/) auf Inhalte unterschiedlicher Quellen zugreifen kann.

Auch das [Hosting](https://www.ionos.de/digitalguide/hosting/hosting-technik/was-ist-webhosting/) spielt eine Rolle bei der Wahl des besten Static-Site-Generators. Denn je nach **Serverumgebung** stehen nicht unbedingt alle Sprachen bzw. Ausführungsumgebungen zur Verfügung. Beim Hosting im Container ist dieser Punkt jedoch vernachlässigbar. Zu guter Letzt sollte man bei der Wahl des besten Static-Site-Generators das jeweilige **Ökosystem** im Auge behalten. Es gilt, Nischenlösungen und Industrie-Standards voneinander abzugrenzen. Eine größere Community führt automatisch zu einem größeren Fundus an Dokumentation, Tutorials und hilfreichen Reports über aufgetretene und gelöste Fehler.

## SSGs als Teil des Jamstacks

Wie alle Tools der Branche sind auch die besten Static-Site-Generatoren ein Teil des sogenannten Jamstacks. Dessen Name leitet sich von den Anfangsbuchstaben von **J**avaScript, **A**PIs und **M**arkup ab. Der konkrete Nutzen der einzelnen Komponenten des Jamstacks im Überblick:

<table>
  <thead>
    <tr>
      <th>Jamstack-Komponente</th>
      <th>Nutzen</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>JavaScript</td>
      <td>interaktive Elemente auf der Site, Datenaustausch mit APIs</td>
    </tr>
    <tr>
      <td>APIs</td>
      <td>Datenquellen, Schnittstellen für Datenübertragung</td>
    </tr>
    <tr>
      <td>Markup</td>
      <td>Strukturen und Inhalte auf der Seite</td>
    </tr>
  </tbody>
</table>

Tipp Hosten Sie Ihr [Jamstack](https://www.ionos.de/hosting/jamstack "Jamstack » Sichere und schnelle Webentwicklung – IONOS")-Projekt bei IONOS!

Websites, die auf dem Jamstack beruhen, sind statische Websites. Die einzelnen Seiten sind untereinander verlinkt. Die Inhalte liegen oft in einem einfachen Markup-Format (wie Markdown) vor. Etwaige dynamische Inhalte, wie Kommentar- oder Suchfunktion, sind in JavaScript realisiert. Der Datenaustausch läuft über APIs, die auf entfernten Systemen laufen. Mit Jamstack werden Websites während ihrer Build Time mithilfe von SSGs generiert, was ihre Performance optimiert. Im Gegensatz dazu werden „klassische“ Websites während der Laufzeit generiert, was zu längeren Ladezeiten führt.

Tipp Sie wollen Jamstack-Websites für Ihre Kunden und Kundinnen realisieren? Lernen Sie anhand [unseres Whitepapers, den Jamstack einzusetzen](https://resources.ionos.com/hubfs/Jamstack/Kundenwebsites%20mit%20dem%20Jamstack%20erstellen.pdf "Jamstack Whitepaper IONOS") und damit einfachere Workflows und bessere Resultate zu erzielen.

## Wie deployt man einen Static-Site-Generator via GitHub?

Bei einem Static-Site-Generator kommt im Gegensatz zu den meisten Content Management Systemen **keine Datenbank zum Einsatz**. Stattdessen liegen alle Bestandteile als Dateien vor. Dazu zählen die Inhalte und Assets für die statische Website, sowie Code und Konfiguration des SSG. Diese lassen sich allesamt in einem [Git](https://www.ionos.de/digitalguide/websites/web-entwicklung/git-tutorial/)-Repository verwalten, wodurch Versionskontrolle und Kollaboration gegeben sind.

Um eine statische Website mit einem SSG zu bauen, werden HTML-Dokumente und Asset-Dateien (Bilder, Scripte, Stylesheets) im Rahmen des Build-Prozesses erzeugt. Im darauffolgenden Deploy-Schritt werden die Dateien auf einen Webserver geladen. Mit [Deploy Now](https://www.ionos.de/hosting/deploy-now "Deploy Now von IONOS") von IONOS lässt sich der gesamte Ablauf automatisieren. Jeder Änderung des Repositorys löst automatisch den Build-Prozess aus und die Dateien auf dem Server werden erneuert. Deploy Now greift hierfür auf [GitHub Actions](https://www.ionos.de/digitalguide/websites/web-entwicklung/github-actions/) zurück, so dass die Build-Logs direkt im GitHub-Dashboard angezeigt werden.

[YouTube video](https://www.youtube.com/watch?v=HU9vgZpwCZE)


This is a markdown version of: [https://www.ionos.de/digitalguide/websites/webseiten-erstellen/die-besten-static-site-generatoren/](https://www.ionos.de/digitalguide/websites/webseiten-erstellen/die-besten-static-site-generatoren/) for AI/LLM consumption.