Ü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.
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 | du HTML aus JavaScript willst, mit einem echten Vite-Workflow — ohne Komponenten-Framework |
| Astro | Komponenten + Islands, eigener Compiler | Content-Websites, die Komponenten-Islands und ein größeres Ökosystem wollen |
| 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 Komponenten, Hydration und ein Framework willst — nimm ein Framework. Wenn du HTML-Dateien aus JavaScript-Funktionen mit der Vite-Erfahrung willst, ist sitelo das kleinste Werkzeug, das die ganze Aufgabe erledigt.