Pierwsze kroki

sitelo to generator stron statycznych bez konfiguracji, napędzany przez Vite. Zainstaluj jeden pakiet, pisz funkcje zwracające HTML i uruchom sitelo build.

Instalacja

npm install -D sitelo

Wymaga Node 20.19+ (albo 22.12+). Vite jest dołączone — nie instalujesz go osobno.

Twoja pierwsza strona

Utwórz src/index.ht.js (albo .ht.jsx). Zalecamy ht.js:

export default () => `
  <html lang="pl">
    <head><title>Moja strona</title></head>
    <body><h1>Witaj świecie</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'pl' },
    head(title('Moja strona')),
    body(h1('Witaj świecie'))
  )

export default function Home() {
  return (
    <html lang="pl">
      <head><title>Moja strona</title></head>
      <body><h1>Witaj świecie</h1></body>
    </html>
  )
}

Uruchomienie

sitelo          # serwer deweloperski
sitelo build    # zapisuje dist/
sitelo preview  # podgląd buildu

To wypuszcza dist/index.html (z dodanym za Ciebie <!DOCTYPE html>) oraz domyślny 404.html.

Dalej

• Pisanie stron — literały szablonowe, JSX, moduły strukturalne
• Routing — trasy oparte na plikach i generateStaticParams
• Wczytywanie danych — data() i fetchWithCache
• Zasoby i style — frontowy JS/CSS kompilowany przez Vite (src/js, src/css)
• Konfiguracja — sitelo.config.js i opcje Vite
• Tworzenie z AI — llms.txt, reguły projektu i wskazówki dla agentów