Başlarken

sitelo, Vite ile çalışan yapılandırma gerektirmeyen bir statik site üreticisidir. Tek bir paket kurun, HTML döndüren fonksiyonlar yazın ve sitelo build çalıştırın.

Kurulum

npm install -D sitelo

Node 20.19+ (ya da 22.12+) gerektirir. Vite pakete dahildir — ayrıca kurmanız gerekmez.

İlk sayfanız

src/index.ht.js (ya da .ht.jsx) oluşturun. ht.js önerilir:

export default () => `
  <html lang="tr">
    <head><title>Web sitem</title></head>
    <body><h1>Merhaba dünya</h1></body>
  </html>
`

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

export default () =>
  html({ lang: 'tr' },
    head(title('Web sitem')),
    body(h1('Merhaba dünya'))
  )

export default function Home() {
  return (
    <html lang="tr">
      <head><title>Web sitem</title></head>
      <body><h1>Merhaba dünya</h1></body>
    </html>
  )
}

Çalıştırma

sitelo          # geliştirme sunucusu
sitelo build    # dist/ yazar
sitelo preview  # derlemeyi önizle

Bu, dist/index.html (<!DOCTYPE html> sizin için eklenmiş olarak) ve varsayılan bir 404.html üretir.

Sırada

• Sayfa yazmak — şablon dizeleri, JSX, yapılandırılmış modüller
• Yönlendirme — dosya tabanlı rotalar ve generateStaticParams
• Veri yükleme — data() ve fetchWithCache
• Varlıklar ve stil — Vite’ın derlediği ön yüz JS/CSS (src/js, src/css)
• Yapılandırma — sitelo.config.js ve Vite seçenekleri
• Yapay zekâ ile geliştirme — llms.txt, proje kuralları ve ajan ipuçları