Web Modülü

Web Başlangıç Kiti (apps/web-starter), klasik bir SaaS iş modelinin ihtiyaç duyduğu tüm temel bileşenleri (Pazarlama, Blog, Dashboard) tek bir çatıda toplar. Bu rehberde, sistemi nasıl ticarileştireceğinizi ve Empire paketinin sunduğu gelişmiş özellikleri öğreneceksiniz.

Açılış Sayfası (Landing Page) Modülü

Profesyonel bir ilk izlenim, dönüşüm oranlarını doğrudan etkiler. RapidCore, hazır UI bloklarıyla 10 dakikada yüksek performanslı ana sayfalar kurmanıza olanak tanır.

Hazır Bileşenler

• Hero: Dikkat çekici başlık ve CTA (Eylem Çağrısı) alanları.
• Features: Özellikleri ikonlar ve açıklamalarla listeleyen grid yapısı.
• Pricing: Dinamik olarak değişebilen, şık fiyatlandırma tabloları.
• FAQ: Akordeon yapısında sıkça sorulan sorular bölümü.

Tailwind v4 ile Hızlı Özelleştirme

Temanızı özelleştirmek için packages/ui/src/globals.css dosyasındaki Tailwind v4 değişkenlerini kullanın. Örneğin, ana neon renginizi şu şekilde değiştirebilirsiniz:

@theme {
  --color-brand: #a855f7; /* Canlı mor */
  --color-brand-muted: rgba(168, 85, 247, 0.1);
}

Ödeme ve Abonelik Stratejileri

RapidCore, hem tek seferlik satışları hem de sürekli gelir modellerini destekleyen hibrit bir ödeme mimarisine sahiptir.

Tek Seferlik Ödeme vs. Abonelik

• Starter Paketi: Küçük araçlar veya dijital ürünler için "Pay-per-use" veya tek seferlik ödeme modelini kullanır.
• Pro Paketi: Düzenli gelir elde etmek için aylık/yıllık abonelik (Subscription) modelini aktive eder.

Stripe Müşteri Portalı Kurulumu

Kullanıcıların kendi paketlerini yükseltmesi veya iptal etmesi için Stripe Müşteri Portalı kullanılır:

1. Stripe Dashboard > Settings > Billing > Customer Portal kısmından portalı konfigüre edin.
2. apps/web-starter/src/actions/billing.ts içindeki yönlendirme linkini anahtarınızla güncelleyin.

Bülten (Newsletter) ve Pazarlama

Kullanıcı kitlenizle bağı kırmamak için entegre bülten sistemi hayati önem taşır.

• Altyapı: Pro paket, bülten gönderimleri için Resend veya Mailgun entegrasyonu ile gelir.
• Lead Magnet: NewsletterForm bileşenini ana sayfanızın herhangi bir yerine ekleyerek e-posta toplamaya başlayabilirsiniz:

// Homepage entegrasyonu
<NewsletterForm 
  title="Özel Güncellemeleri Kaçırmayın" 
  buttonText="Abone Ol" 
/>

Pazaryeri ve Affiliate (Empire Özel)

Empire paketi, SaaS'ınızı devasa bir ekosisteme dönüştüren araçları sunar.

Satış Ortaklığı (Affiliate) Paneli

Kullanıcıların kendi referans linklerini oluşturup satış başı komisyon kazandığı bir paneldir. Çerez (cookie) bazlı takip sistemi, referans linkiyle gelen kullanıcıyı 30 gün boyunca takip eder.

Pazaryeri Hak Ediş Şeması

Pazaryeri modelinde satıcılar ve platform arasındaki kazanç paylaşımı şu şekilde işler:

graph LR
    A[Müşteri Ödemesi] --> B{Stripe Split};
    B --> C[Satıcı %80];
    B --> D[Platform Komisyonu %20];
    D --> E[Sistem Havuzu];

Teknik Yapılandırma

Web modülünün tüm fonksiyonlarını aktive etmek için gereken kritik çevresel değişkenler:

# apps/web-starter/.env
STRIPE_SECRET_KEY="sk_live_..."
STRIPE_WEBHOOK_SECRET="whsec_..." # Ödeme onayları için kritik
RESEND_API_KEY="re_..." # Bülten gönderimi için
SANITY_PROJECT_ID="..." # Headless CMS bağlantısı

Headless CMS Bağlantısı

Blog içeriklerinizi Sanity veya Strapi üzerinden yönetmek için API istemcisini şu şekilde yapılandırın:

const client = createClient({
  projectId: process.env.SANITY_PROJECT_ID,
  dataset: "production",
  useCdn: true,
});