Das moderne Framework für schnelle Websites

Was du bekommst

• Routing

  src/about.ht.js → /about, dazu [slug] und Catch-alls

• JSX und TSX

  Schreibe Seiten als .jsx / .tsx — gleiches Routing, gleicher Build

• Daten laden

  data() zur Build-Zeit, mit Caching für fetch

• Asset-Pipeline

  Referenziertes JS/TS/CSS wird gebündelt; der Rest bleibt serverseitig

• Bildoptimierung

  Skalieren, Formate und srcset — mit images: true aktivieren (sharp installieren)

• Null JavaScript, von Haus aus

  Nur die Skripte, die du verlinkst, werden gebündelt — alles andere bleibt von der Seite fern, für eine schnellere Website

• Entwicklungsserver + Toolbar

  Live-Rendering auf Anfrage, dazu Datei, Parameter, Anzahl der Islands und ein Viewport-Umschalter beim Entwickeln

• Pagefind-Suche

  Optionale statische Suche — pagefind installieren, dann indexiert sitelo build nach dist/pagefind/

• Server-Islands

  Statische Seiten mit Bereichen, die zur Anfragezeit auf dem Server gerendert werden

• Bereit für KI

  llms.txt, Projektregeln und Tipps, damit Agenten sitelo schreiben — nicht React

• Lighthouse-Audits

  Den echten Build gegen Schwellenwerte prüfen — sitelo lighthouse (lighthouse installieren)

• Extras

  404.html, sitemap.xml, RSS und Deploy-Konfigurationen, wenn du danach fragst

Dokumentation

Anleitungen zu Routing, Datenladen, TypeScript, Konfiguration und CLI.

Dokumentation lesen

Beispiele

Rezepte für echte Setups — angefangen bei einer Website auf Basis der WordPress-REST-API.

Beispiele durchsehen