Начало работы

sitelo — генератор статических сайтов без настройки, работающий на Vite. Установите один пакет, пишите функции, возвращающие HTML, и запустите sitelo build.

Установка

npm install -D sitelo

Требуется Node 20.19+ (или 22.12+). Vite уже включён — отдельно устанавливать его не нужно.

Первая страница

Создайте src/index.ht.js (или .ht.jsx). Рекомендуем ht.js:

export default () => `
  <html lang="ru">
    <head><title>Мой сайт</title></head>
    <body><h1>Привет, мир</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'ru' },
    head(title('Мой сайт')),
    body(h1('Привет, мир'))
  )

export default function Home() {
  return (
    <html lang="ru">
      <head><title>Мой сайт</title></head>
      <body><h1>Привет, мир</h1></body>
    </html>
  )
}

Запуск

sitelo          # сервер разработки
sitelo build    # записывает dist/
sitelo preview  # просмотр сборки

В результате появится dist/index.html (с автоматически добавленным <!DOCTYPE html>) и страница 404.html по умолчанию.

Что дальше

Написание страниц — шаблонные строки, JSX, структурированные модули
Маршрутизация — файловые маршруты и generateStaticParams
Загрузка данных — data() и fetchWithCache
Ресурсы и стили — фронтенд-JS/CSS, собираемые Vite (src/js, src/css)
Конфигурация — sitelo.config.js и параметры Vite
Разработка с ИИ — llms.txt, правила проекта и советы для агентов