Temel site

İşe yarar en küçük sitelo sitesi: bir sayfa, bir stil sayfası ve dist/ dizinini yayımlayan sunucu yapılandırmaları. Yapılandırmaları herhangi bir sitelo projesine kopyalayın — yalnızca npm run build → dist/ varsayarlar.

Çalıştırılabilir bir kopyası sitelo deposunda examples/basic/ altında bulunur.

Elinize geçenler

• sitelo ile kurulmuş tek sayfalık bir statik site
• netlify.toml, vercel.json, wrangler.toml ve amplify.yml
• Örnek klasöründen tek tıkla / depo bağlayarak dağıtım

Proje düzeni

my-site/
  sitelo.config.js
  netlify.toml           # Netlify
  vercel.json            # Vercel
  wrangler.toml          # Cloudflare Pages
  amplify.yml            # AWS Amplify
  package.json
  src/
    index.ht.js
    css/
      styles.css

export default () => `
  <html lang="tr">
    <head>
      <title>sitelo — temel örnek</title>
      <link rel="stylesheet" href="/css/styles.css">
    </head>
    <body>
      <h1>sitelo’dan merhaba</h1>
    </body>
  </html>
`

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

export default () =>
  html({ lang: 'tr' },
    head(
      title('sitelo — temel örnek'),
      link({ rel: 'stylesheet', href: '/styles.css' }),
    ),
    body(h1('sitelo’dan merhaba')),
  )

export default function Home() {
  return (
    <html lang="tr">
      <head>
        <title>sitelo — temel örnek</title>
        <link rel="stylesheet" href="/css/styles.css" />
      </head>
      <body>
        <h1>sitelo’dan merhaba</h1>
      </body>
    </html>
  )
}

Derleme

npm install
npm run build

Dağıtım

sitelo tek depodan çalışıyorsanız platformun kök/temel dizinini examples/basic olarak ayarlayın.

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"
}

Vercel’e dağıt · Netlify’a dağıt (sorulduğunda temel dizini examples/basic yapın).

Cloudflare Pages

Panel: derleme komutu npm run build, çıktı dizini dist. Ya da yerel bir derlemeden sonra npx wrangler pages deploy dist.

name = "sitelo-basic"
compatibility_date = "2025-01-01"
pages_build_output_dir = "dist"

AWS Amplify

Depoyu Amplify Hosting’e bağlayın. Düz S3 + CloudFront için yerelde derleyin ve dist/ dizinini kovaya eşitleyin.

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

Cursor, Copilot ya da başka bir ajanla mı çalışıyorsunuz? Araçlar React/Next kalıpları uydurmasın diye bu örnekten AGENTS.md dosyasını kopyalayın (ya da Yapay zekâ ile geliştirme sayfasına bakın).

Başlarken · Yapay zekâ ile geliştirme · Yapılacaklar uygulaması · Sunucu adaları örneği