Rehber menüsü

Yayın

Siteyi Yayınla

Site bilgisayarınızda doğru göründüğünde bu adımları uygulayın. Canlı ortam Cloudflare Pages ve sunucu taraflı render (SSR) kullanır.

1. Deploy öncesi önizleme

Günlük düzenleme için npm run dev kullanın. Canlıya almadan önce production build alıp yerelde önizleyin:


                npm run build
npm run preview
  • Ana sayfaları EN ve TR kontrol edin
  • İletişim linkleri, formlar ve mobil görünümü test edin

2. Cloudflare Pages'e deploy

Proje kökünden tek komut build alır ve Cloudflare'a yükler:


                npm run deploy
  • Wrangler CLI girişi gerekir (npm install -g wrangler && wrangler login)
  • Çıktı klasörü: dist/ — wrangler.toml'da nodejs_compat açık olmalı
  • Cloudflare Workers Builds (Git): deploy komutu npm run pages:deploy olmalı — npx wrangler deploy değil

3. Özel domain bağlama

Cloudflare panel → Pages → projeniz → Custom domains → domain ekleyin (ör. www.sirketiniz.com). Cloudflare'ın verdiği DNS talimatlarını uygulayın.

Ardından src/config/site.ts içindeki url alanını canlı adresle güncelleyin (sitemap, canonical ve Open Graph için).

4. Keystatic CMS canlıda (isteğe bağlı)

Yerelde Keystatic dosyaları bilgisayarınızda tutar. Canlıda GitHub kullanır. Cloudflare Pages → Settings → Environment variables bölümüne şu secret'ları ekleyin:


                KEYSTATIC_GITHUB_CLIENT_ID=
KEYSTATIC_GITHUB_CLIENT_SECRET=
KEYSTATIC_SECRET=   # en az 32 karakter
  • Her müşteri projesinde keystatic.config.ts içinde GITHUB_USER ve REPO_NAME güncelleyin
  • Yönetim paneli: https://alan-adiniz.com/keystatic

5. Blog yazısı ekleme (isteğe bağlı)

sector.features.blog true ise /keystatic → Blog → yeni yazı oluşturun. Başlık ve özet EN/TR, yayın tarihi ve kapak görseli doldurun. Deploy sonrası yazı /blog ve /tr/blog altında görünür.

Yayından sonra kontrol

  • Canlı ana sayfayı EN ve TR açın
  • Sayfa kaynağı — title ve meta description doğrulayın
  • Google Search Console'da sitemap gönderin (sitemap-index.xml)