Memulai

sitelo adalah pembuat situs statis tanpa konfigurasi yang ditenagai Vite. Pasang satu paket, tulis fungsi yang mengembalikan HTML, lalu jalankan sitelo build.

Pemasangan

npm install -D sitelo

Membutuhkan Node 20.19+ (atau 22.12+). Vite sudah termasuk — Anda tidak memasangnya terpisah.

Halaman pertama Anda

Buat src/index.ht.js (atau .ht.jsx). ht.js disarankan:

export default () => `
  <html lang="id">
    <head><title>Situs web saya</title></head>
    <body><h1>Halo dunia</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'id' },
    head(title('Situs web saya')),
    body(h1('Halo dunia'))
  )

export default function Home() {
  return (
    <html lang="id">
      <head><title>Situs web saya</title></head>
      <body><h1>Halo dunia</h1></body>
    </html>
  )
}

Menjalankan

sitelo          # server dev
sitelo build    # tulis dist/
sitelo preview  # pratinjau build

Itu menghasilkan dist/index.html (dengan <!DOCTYPE html> ditambahkan untuk Anda) beserta 404.html bawaan.

Berikutnya

• Menulis halaman — string templat, JSX, modul terstruktur
• Perutean — rute berbasis berkas dan generateStaticParams
• Memuat data — data() dan fetchWithCache
• Aset dan gaya — JS/CSS frontend yang dikompilasi Vite (src/js, src/css)
• Konfigurasi — sitelo.config.js dan opsi Vite
• Membangun dengan AI — llms.txt, aturan proyek, dan kiat agen