Primeros pasos

sitelo es un generador de sitios estáticos sin configuración, basado en Vite. Instala un solo paquete, escribe funciones que devuelven HTML y ejecuta sitelo build.

Instalación

npm install -D sitelo

Requiere Node 20.19+ (o 22.12+). Vite viene incluido — no hace falta instalarlo aparte.

Tu primera página

Crea src/index.ht.js (o .ht.jsx). Recomendamos ht.js:

export default () => `
  <html lang="es">
    <head><title>Mi sitio web</title></head>
    <body><h1>Hola mundo</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'es' },
    head(title('Mi sitio web')),
    body(h1('Hola mundo'))
  )

export default function Home() {
  return (
    <html lang="es">
      <head><title>Mi sitio web</title></head>
      <body><h1>Hola mundo</h1></body>
    </html>
  )
}

Ejecución

sitelo          # servidor de desarrollo
sitelo build    # escribe dist/
sitelo preview  # previsualiza la compilación

Eso genera dist/index.html (con <!DOCTYPE html> añadido automáticamente) y un 404.html por defecto.

Siguientes pasos

Escribir páginas — plantillas de cadena, JSX y módulos estructurados
Rutas — rutas basadas en archivos y generateStaticParams
Carga de datos — data() y fetchWithCache
Recursos y estilos — JS/CSS de frontend compilados por Vite (src/js, src/css)
Configuración — sitelo.config.js y opciones de Vite
Crear con IA — llms.txt, reglas de proyecto y consejos para agentes