Dağıtım

Bir sitelo derlemesi düz statik dosyalardır: sitelo build, HTML, CSS ve JS dosyalarını dist/ içine yazar. Her statik sunucu işe yarar — aşağıdaki yapılandırmalar yalnızca npm run build → dist/ varsayar.

Temiz URL’ler, index.html içeren dizinlerdir (/about/index.html → /about); bu yüzden güzel URL’ler yönlendirme kuralı olmadan kutudan çıktığı gibi çalışır. Bir 404.html kendiliğinden üretilir — Netlify, Cloudflare Pages ve GitHub Pages’in hepsinin anladığı kural budur.

Bunların hepsinin kopyalamaya hazır sürümleri temel örnekte bulunur (depodaki examples/basic).

Netlify

[build]
  command = "npm run build"
  publish = "dist"

Vercel

{
  "$schema": "https://openapi.vercel.sh/vercel.json",
  "framework": null,
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "installCommand": "npm install"
}

Cloudflare Pages

Panel derlemeleri: derleme komutunu npm run build, çıktı dizinini dist olarak ayarlayın. Ya da CLI’dan npx wrangler pages deploy dist ile dağıtın.

# Cloudflare Pages
name = "my-site"
compatibility_date = "2025-01-01"
pages_build_output_dir = "dist"

AWS Amplify

# AWS Amplify Hosting
version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

Düz S3 + CloudFront için: npm run build, ardından dist/ dizinini kovaya eşitleyin.

GitHub Pages

# GitHub Pages
name: Deploy
on:
  push:
    branches: [main]
permissions:
  contents: read
  pages: write
  id-token: write
jobs:
  deploy:
    runs-on: ubuntu-latest
    environment:
      name: github-pages
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci && npm run build
      - uses: actions/upload-pages-artifact@v3
        with:
          path: dist
      - uses: actions/deploy-pages@v4

Bir alt yol altında mı dağıtıyorsunuz (user.github.io/repo)? --base /repo/ ile derleyin.

Yayımlamadan önce