> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# Pazarlama sayfaları

Açılış bölümleri, yasal sayfalar, SSS, changelog ve site yapılandırması.

## Başlangıç seviyesinde izlenecek yol

Önkoşullar: Aşağıdaki iki başlangıç kılavuzunu okuyun, Web yerel kurulumunu tamamlayın ve bu monorepo'yu düzenleyicinizde kökünden açın. Web ayarları `apps/web/.env.local`'ye aittir; Next.js, `.env` kökünü okumaz. Varsayılan sahte modda `/dashboard`, veritabanı olmayan bir demodur; `/auth`'nin taşınan bir veritabanına ihtiyacı var.

Kısa terimler: Çalışma alanı, bir ekibin ayrı kullanıcıları, verileri ve ayarlarıdır. Sunucu güvenilir arka uçtur; sağlayıcı anahtarlarını tarayıcı ve telefon kodundan uzak tutun. Geçiş, tabloları oluşturan veya güncelleyen sürümlü bir veritabanı değişikliğidir. Yapay zeka modeli yanıt veren motordur; model kataloğu, sunucunun mevcut model kimlikleri ve fiyatlarının listesidir. Sağlayıcı yapay zeka, e-posta veya faturalandırma hizmeti gibi bir dış hizmettir. Yetki, bir çalışma alanının bir özelliği kullanmasına olanak tanıyan bir yetkidir. Web kancası, bir hizmetin başka bir hizmetin URL'sine gönderdiği bir mesajdır.

1. `apps/web/src/marketing/site-config.ts`'yi açın ve ürün adını, kısa açıklamayı, gezinme etiketlerini/URL'lerini ve destek adresini sahip olduğunuz değerlerle değiştirin.

2. `apps/web/public/og.png`'yi değiştirin ve `apps/web/src/marketing/seo.tsx`'deki alternatif metnini ve boyutlarını tek değişiklik olarak güncelleyin.

3. Ana sayfayı, FAQ'yi, alt bilgiyi ve sosyal önizlemeyi yenileyin. Eski metin kalırsa yayınlamadan önce bu depoda eski adı arayın.

Özel kod için, sağlanan `prompts/README.md` ile başlayın ve en yakın istemi kopyalayın: Bir uygulama ekranı için `prompts/new-app-screen.md` veya genel bir sayfa için `prompts/new-landing-page.md`. Sunucu, veritabanı veya sağlayıcı çalışması için kodlama temsilcinize bu kılavuzun görevini verin ve ondan `AGENTS.md`, `.ai/PROJECT_CONTEXT.md` ve eşleşen `.ai/` aynalarını okumasını isteyin; burada adı geçen kaynak dosyaların tamamını inceleyin; düzenlemeden önce dosyaları ve kontrolleri listeleyin; çalışma alanı sahipliğini ve yalnızca sunucuya ait sırları koruyun; ve size farkı göstereceğim. İstediğiniz davranışı, giriş ve çıkış alanlarını, izin verilen rolleri, beklenen başarıyı ve hataları ve test hesabını, sağlayıcıyı veya cihazı ona bildirin. Örnek değerleri kullanın; asla gerçek bir sırrı yapıştırmayın.

[Başlamadan önce](https://supastack.dev/tr/docs/web/before-you-start.md)

[Terminal temelleri](https://supastack.dev/tr/docs/web/terminal-basics.md)

[Web yerel kurulumu](https://supastack.dev/tr/docs/web/ship-in-5-minutes.md)

[Aracı istemleri ve proje belleği](https://supastack.dev/tr/docs/web/agents.md)


## Site yapılandırmasını güncelleyin

`apps/web/src/marketing/site-config.ts`, marka metni, gezinme/altbilgi bağlantıları, FAQ ve isteğe bağlı depo/belge hedeflerine sahiptir. Ürün adlarını bileşenlere dağıtmadan önce bunu güncelleyin. Kitin kendi kromu bu yapılandırmayı kullanır; kopyalanabilir krom bloklar ürün desteklerini kabul eder.


## Varlık ailesini birlikte değiştirin

Paylaşılan dört döşeme işaretinde, ince hatlara sahip beyaz üst sol/sağ alt ve gri üst sağ/sol alt döşemeler bulunur. Başlık işaretlerini şeffaf tutun; uygulama simgeleri/favicon yuvarlak siyah arkalığı kullanır. Türetilmiş ürünler, markanın ve onunla ilişkili uygulama/masaüstü varlıklarının yerini alabilir.

Paylaşılan genel sosyal kart `/og.png`'dir; `marketing/seo.tsx`'deki tanımlayıcısını boyutlar ve alternatif metinle güncelleyin. Blog makale kartları ayrı Sonraki resim rotasını kullanır.


## Halka açık her yüzeyi kontrol edin

Üstbilgi/altbilgiyi, kişiyi, FAQ'yi, yasal sayfaları, yerelleştirilmiş ana metni, başlıkları ve sosyal kartları doğrulayın. Ürününüzün pazarlama teması modunu seçin ve yalnızca çalışan destek/iletişim bağlantılarını gönderin.

[Ürün stilleri](https://supastack.dev/tr/docs/web/theming.md)

[Yasal sayfa iskelesi](https://supastack.dev/tr/docs/web/project-structure.md)

[Meta veriler ve sosyal kartlar](https://supastack.dev/tr/docs/web/project-structure.md)


## Kurulum ve yapılandırma

Pazarlama yüzeyi, sabit kodlu JSX yerine tiplendirilmiş verilere bağlıdır — hero, özellik bölümleri, fiyatlandırma, SSS, changelog, vitrin, iletişim ve yasal sayfalar metin ve yapıyı site yapılandırması ile içerik dosyalarından okur.

MARKETING_THEME_MODE (src/theme/marketing-theme.ts), pazarlamanın kit'in kilitli koyu markasında mı kalacağına, ziyaretçinin tema paketini mi miras alacağına yoksa belirli bir pakete mi sabitleneceğine karar verir. Türetilmiş ürünler kendi modunu seçer.

```
src/marketing/         branded chrome and sections
src/kit/blocks/        copyable token-only section patterns
  marketing/           hero, features, product grid, pricing, FAQ, CTA
  app/                 stat grid, data table, empty state, choice pills
  chrome/              site header, footer, prose page

MARKETING_THEME_MODE = "locked" | "inherit" | "<pack-id>"
```


## Uygulama iş akışı

Sayfaları önce block kütüphanesinden oluşturun; bir desen eksikse aynı yalnızca-token tarzında yeni bir block yazın ve src/kit/blocks.ts içine kaydedin. Pazarlama bileşenlerini ürün yüzeylerinin dışında tutun — iki chrome sistemi ayrı kalır.

Yerelleştirilmiş metin sözlük ve site-content katmanları üzerinden akar; dil başına bileşenleri çatallamak yerine anahtarları oraya ekleyin.


## Doğrulama ve sorun giderme

Bir pazarlama sayfasını 320px ve masaüstünde, görünür klavye odağıyla, en az bir açık ve bir koyu pakette ve reduced motion ile kontrol edin. Bir pazarlama iddiası bir yeteneğe atıfta bulunuyorsa, bağlantılı belge sayfasının var olduğundan emin olun.


## Sonraki

[SEO ve paylaşım](https://supastack.dev/tr/docs/web/seo.md)