Démarrage

sitelo est un générateur de sites statiques sans configuration, propulsé par Vite. Installez un seul paquet, écrivez des fonctions qui renvoient du HTML, puis lancez sitelo build.

Installation

npm install -D sitelo

Nécessite Node 20.19+ (ou 22.12+). Vite est inclus — inutile de l’installer séparément.

Votre première page

Créez src/index.ht.js (ou .ht.jsx). Nous recommandons ht.js :

export default () => `
  <html lang="fr">
    <head><title>Mon site web</title></head>
    <body><h1>Bonjour le monde</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'fr' },
    head(title('Mon site web')),
    body(h1('Bonjour le monde'))
  )

export default function Home() {
  return (
    <html lang="fr">
      <head><title>Mon site web</title></head>
      <body><h1>Bonjour le monde</h1></body>
    </html>
  )
}

Lancer

sitelo          # serveur de développement
sitelo build    # écrit dist/
sitelo preview  # prévisualise le build

Cela produit dist/index.html (avec <!DOCTYPE html> ajouté pour vous) ainsi qu’un 404.html par défaut.

Et ensuite

Écrire des pages — gabarits de chaîne, JSX, modules structurés
Routage — routes basées sur les fichiers et generateStaticParams
Chargement de données — data() et fetchWithCache
Ressources et styles — JS/CSS frontend compilés par Vite (src/js, src/css)
Configuration — sitelo.config.js et options Vite
Créer avec l’IA — llms.txt, règles de projet et conseils pour les agents