Erste Schritte

sitelo ist ein konfigurationsfreier Generator für statische Websites auf Basis von Vite. Installiere ein einziges Paket, schreibe Funktionen, die HTML zurückgeben, und führe sitelo build aus.

Installation

npm install -D sitelo

Erfordert Node 20.19+ (oder 22.12+). Vite ist enthalten — du musst es nicht separat installieren.

Deine erste Seite

Lege src/index.ht.js an (oder .ht.jsx). Wir empfehlen ht.js:

export default () => `
  <html lang="de">
    <head><title>Meine Website</title></head>
    <body><h1>Hallo Welt</h1></body>
  </html>
`

import { html, head, title, body, h1 } from 'javascript-to-html'

export default () =>
  html({ lang: 'de' },
    head(title('Meine Website')),
    body(h1('Hallo Welt'))
  )

export default function Home() {
  return (
    <html lang="de">
      <head><title>Meine Website</title></head>
      <body><h1>Hallo Welt</h1></body>
    </html>
  )
}

Ausführen

sitelo          # Entwicklungsserver
sitelo build    # schreibt dist/
sitelo preview  # Build ansehen

Das erzeugt dist/index.html (mit automatisch vorangestelltem <!DOCTYPE html>) sowie eine Standard-404.html.

Wie es weitergeht

Seiten schreiben — Template-Strings, JSX, strukturierte Module
Routing — dateibasierte Routen und generateStaticParams
Daten laden — data() und fetchWithCache
Assets und Styling — Frontend-JS/CSS, von Vite kompiliert (src/js, src/css)
Konfiguration — sitelo.config.js und Vite-Optionen
Mit KI entwickeln — llms.txt, Projektregeln und Tipps für Agenten