1FreeHosting logoFreeHosting

Das beste CMS für statisches Hosting ist EmDash

Ein freundlicher Editor für deine Beiträge und Seiten – und schlankes, schnelles HTML für deine Besucher. Schreib in EmDash auf deinem eigenen Computer und stell die fertige Website kostenlos mit Harvis online.

Warum EmDash

  • Gebaut auf Astro

    EmDash ist für Astro gemacht, das Framework, das deine Seiten in schlankes HTML verwandelt. Genau das, was ein statischer Host am besten ausliefert.

  • Ein echter Editor

    Beiträge, Seiten, Medien, Menüs, Entwürfe, Revisionen und Zeitplanung – der Bearbeitungsbildschirm, den WordPress-Nutzer kennen, ganz ohne PHP-Server.

  • Bereit für KI-Agenten

    EmDash bringt einen MCP-Server mit, sodass Claude, Cursor und andere Agenten deine Inhalte entwerfen, bearbeiten und durchsuchen können.

  • Kostenlos und Open Source

    Keine Lizenzgebühr, kein Lock-in. Starte mit einem Befehl und nimm alte Beiträge mit dem eingebauten WordPress-Importer mit.

Wie EmDash zu einem statischen Host passt

Normalerweise läuft EmDash auf einem Server, damit Redakteure Inhalte live ändern können. Auf einem statischen Host wie Harvis gibt es keinen Server, also nutzt du EmDash anders: Der Editor bleibt auf deinem Computer, und nur die fertigen Seiten gehen online.

Du schreibst und veröffentlichst Inhalte im EmDash-Editor, baust die Website so, dass jede öffentliche Seite als einfaches HTML gespeichert wird, und lädst diesen Ordner hoch. Besucher bekommen schnelle Dateien ohne Datenbank dahinter – nichts zu hacken, zu patchen oder zu bezahlen.

Eine EmDash-Website auf Harvis veröffentlichen

Du brauchst Node.js 22.16 oder neuer. Zum Veröffentlichen ist kein Harvis-Konto nötig – du bekommst einen Live-Link und einen privaten Claim-Link.

  1. 01

    Website erstellen

    Starte die EmDash-Einrichtung und wähle Node.js als Laufzeitumgebung und die Vorlage Starter. Dann starte den lokalen Server.

    npm create emdash@latest
    cd my-emdash-site
    npm run dev
  2. 02

    Inhalte schreiben

    Öffne den Editor im Browser, schließ den Einrichtungsassistenten ab und schreib oder bearbeite deine Beiträge und Seiten. Denk an Publish changes – Entwürfe bleiben privat.

    http://localhost:4321/_emdash/admin
  3. 03

    Vorrendern einschalten

    Füge export const prerender = true zu jeder öffentlichen Seite hinzu, damit Astro sie beim Build als HTML speichert. Seiten mit [slug] im Namen brauchen zusätzlich getStaticPaths, das jeden zu speichernden Beitrag auflistet.

    ---
    // src/pages/posts/[slug].astro
    import { getEmDashCollection, getEmDashEntry } from "emdash"
    
    export const prerender = true
    
    export async function getStaticPaths() {
      const { entries } = await getEmDashCollection("posts")
      return entries.map((post) => ({ params: { slug: post.id } }))
    }
    
    const { entry: post } = await getEmDashEntry("posts", Astro.params.slug)
    ---
  4. 04

    Bauen und veröffentlichen

    Bau die Website und lade dann den Ordner dist/client hoch. Er enthält dein fertiges HTML, CSS und deine Bilder. Harvis zeigt dir den Live-Link und einen Claim-Link.

    npm run build
    npx hosting deploy dist/client

Deine Website aktualisieren

Bearbeite wie gewohnt in EmDash, dann bau und veröffentliche erneut. Deine Änderungen erscheinen auf der Live-Website, sobald der Upload fertig ist.

npm run build
npx hosting deploy dist/client

Was nicht mitkommt

  • Der Editor (/_emdash/admin) und die EmDash-API bleiben auf deinem Computer. Sichere deine SQLite-Datenbank und die .env-Datei.
  • Bilder aus der EmDash-Mediathek werden über die API ausgeliefert und landen daher nicht im statischen Ordner. Leg Website-Bilder stattdessen in den Ordner public/.
  • Live-Suche, Kommentare, Formulare und Logins brauchen einen Server. Lass sie weg oder nutze dafür einen externen Dienst.
  • Die Harvis-Limits gelten weiterhin: 50 MB pro Projekt und 500 Dateien pro Website. Nicht beanspruchte Websites laufen 24 Stunden nach dem letzten Deploy ab.

Du willst alles wissen? Lies die EmDash-Dokumentation zu Vorlagen, Collections und Plugins.