For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /tr/docs/web/marketing-site.md (or send Accept: text/markdown).
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.
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.
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.