Primi passi

sitelo è un generatore di siti statici senza configurazione, mosso da Vite. Installa un pacchetto, scrivi funzioni che restituiscono HTML ed esegui sitelo build.

Installazione

npm install -D sitelo

Richiede Node 20.19+ (oppure 22.12+). Vite è incluso — non devi installarlo a parte.

La tua prima pagina

Crea src/index.ht.js (oppure .ht.jsx). ht.js è consigliato:

export default () => `
  <html lang="it">
    <head><title>Il mio sito web</title></head>
    <body><h1>Ciao mondo</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'it' },
    head(title('Il mio sito web')),
    body(h1('Ciao mondo'))
  )

export default function Home() {
  return (
    <html lang="it">
      <head><title>Il mio sito web</title></head>
      <body><h1>Ciao mondo</h1></body>
    </html>
  )
}

Esecuzione

sitelo          # server di sviluppo
sitelo build    # scrive dist/
sitelo preview  # anteprima della build

Questo produce dist/index.html (con <!DOCTYPE html> aggiunto per te) più una 404.html predefinita.

Prossimi passi

• Scrivere pagine — template string, JSX, moduli strutturati
• Routing — rotte basate sui file e generateStaticParams
• Caricamento dati — data() e fetchWithCache
• Risorse e stili — JS/CSS di frontend compilati da Vite (src/js, src/css)
• Configurazione — sitelo.config.js e opzioni di Vite
• Creare con l’IA — llms.txt, regole di progetto e consigli per gli agenti