Über
sitelo begann nicht als Framework. Es begann mit dem Drang, Markup so zu schreiben, wie es sich in JavaScript natürlich anfühlt — und wuchs weiter, bis der ganze Weg von der Seitendatei bis zur ausgelieferten Website abgedeckt war.
javascript-to-html
Zuerst kam javascript-to-html (auch bekannt als ht.js): eine einfache, intuitive Art, HTML in JavaScript zu erzeugen, ohne komplexe Template-Engines oder Frameworks.
So allgegenwärtig, wie ausgewachsene Frameworks wie React geworden waren, war es erstaunlich schwer, eine schlichte Templating-Lösung zu finden, die nicht gleich alles mitbringt. Weil ht.js sich allein auf die Umwandlung von JavaScript in HTML beschränkt — im Grunde Funktionen, die Strings zurückgeben — bleibt es leichtgewichtig, einfach, flexibel und erweiterbar.
Diese geringe Oberfläche passt an viele Stellen: direkt im Frontend (wie eine SPA), in einem Build zur Erzeugung statischer Websites (SSG) oder sogar für serverseitiges Rendering (SSR).
Vite beibringen, HTML auszugeben
Damit war das Schreiben gelöst. Das nächste Problem war der Build: Vite behandelt .js / .ts als Skripte, nicht als Seiten. Es brauchte eine Konvention, bei der bestimmte Module dafür gedacht sind, zu HTML zu werden.
Die Idee war naheliegend: Dateien mit Namen wie *.ht.js, *.html.js, *.ht.ts und Verwandte sollten zu HTML verarbeitet werden statt als Client-JavaScript gebündelt. Aus dieser Konvention wurde vite-plugin-html-pages — dateibasiertes Routing, Datenladen, Assets und statische Generierung auf Vite.
sitelo
sitelo verpackt Vite und dieses Plugin in eine Installation und eine CLI. Du bekommst eine runde, erstklassige Entwicklererfahrung: sitelo für einen Live-Server, sitelo build für die Produktion, sinnvolle Voreinstellungen und das Seitenmodell des Plugins, ohne die Toolchain selbst zusammenzusetzen.
Dieselbe Idee von oben bis unten: Seiten sind Module, die HTML zurückgeben. sitelo ist die Schicht, die diese Idee fertig wirken lässt.
Komponenten und Server-Islands
Funktionen, die HTML zurückgeben, lassen sich bis ganz nach oben zusammensetzen. sitelo-ui ist eine Komponentenbibliothek nach genau diesem Prinzip — Buttons, Karten, Formulare, Tabellen, Modals und Seitenabschnitte, jede eine Funktion, die einen String zurückgibt. Kein Compiler, keine Runtime, keine Hydration: Was du baust, landet genau so in dist/.
Nicht jeder Bereich einer Seite kann aber statisch sein. Server-Islands halten die Seite statisch und rendern nur die Teile, die frische Daten pro Anfrage brauchen — Kommentare unter einem gecachten Beitrag, eine Lagerbestandsanzeige auf einer Produktseite — beim Aufruf auf einem Server. Eine Island ist wieder eine Funktion, die HTML zurückgibt: Der Build liefert ihren Fallback aus, und ein winziger Loader tauscht das gerenderte Fragment ein.
Am Modell ändert keines von beiden etwas. Es gibt weiterhin kein Client-Framework — nur HTML aus Funktionen, zur Build-Zeit oder zur Anfragezeit.
Im Vergleich
Es gibt schon viele gute Werkzeuge, die statische Websites ausliefern. sitelos Nische ist bewusst eng: JavaScript- (oder TypeScript-)Funktionen, die HTML zurückgeben, mit Vites Entwicklererfahrung und so wenig Framework wie möglich.
| Werkzeug | Modell | Greif zu, wenn |
|---|---|---|
| sitelo | JS/TS-Funktionen → HTML auf Vite, plus Komponenten und Server-Islands | du HTML aus JavaScript willst, mit einem echten Vite-Workflow — Komponenten und Bereiche pro Anfrage inklusive, ohne Client-Framework oder Hydration |
| Astro | Framework-Komponenten + Client- und Server-Islands, eigener Compiler | du React-, Vue- oder Svelte-Komponenten im Browser hydrieren willst, mit einem größeren Ökosystem |
| Next.js | Vollständige React-App (SSR / SSG / ISR) | du eine Anwendung im React-Ökosystem baust |
| Hugo | Go-Templates, sehr schnelle Builds | riesige Content-Websites und du dich in Gos Toolchain wohlfühlst |
| Eleventy | Template-Sprachen → HTML | du flexible Templates (Nunjucks, Liquid, …) ohne SPA-Framework willst |
Wenn du clientseitige Komponenten und Hydration willst — nimm ein Framework. Wenn du HTML aus JavaScript-Funktionen mit der Vite-Erfahrung willst — Komponenten und serverseitig gerenderte Bereiche inklusive —, ist sitelo das kleinste Werkzeug, das die ganze Aufgabe erledigt.