Wdrożenie

Build sitelo to zwykłe pliki statyczne: sitelo build zapisuje HTML, CSS i JS do dist/. Zadziała każdy hosting statyczny — poniższe konfiguracje zakładają jedynie npm run build → dist/.

Czyste URL-e to katalogi z index.html (/about/index.html → /about), więc ładne adresy działają od razu, bez reguł przekierowań. 404.html powstaje automatycznie — to konwencja, którą rozumieją i Netlify, i Cloudflare Pages, i GitHub Pages.

Gotowe do skopiowania wersje wszystkich z nich znajdziesz w podstawowym przykładzie (examples/basic w repozytorium).

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

Buildy z panelu: ustaw polecenie budowania npm run build i katalog wyjściowy dist. Albo wdrażaj z CLI przez npx wrangler pages deploy dist.

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

AWS Amplify

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

Dla czystego S3 + CloudFront: npm run build, a potem zsynchronizuj dist/ z bucketem.

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

Wdrażasz pod podścieżką (user.github.io/repo)? Buduj z --base /repo/.

Zanim opublikujesz