Skip to main content

Önizlemeler

Bir uygulama taslağını açtığınızda, Kazzle bir geliştirme sunucusu başlatabilir ve canlı bir önizleme gösterebilir.

Nasıl çalışır

  1. Kenar çubuğundan bir taslak sekmesi açın
  2. Önizleme otomatik olarak başlar (veya “Önizlemeyi başlat” düğmesine tıklayın)
  3. Kazzle, kazzle.config.ts dosyasından lifecycle.dev öğesini okur
  4. Geliştirme komutu atanan bağlantı noktasında çalışır
  5. Önizleme URL’si taslak sekmesinde görünür

Geliştirme komutunu yapılandırma

UI bileşeninizde lifecycle.dev öğesini ayarlayın:
lifecycle.dev ayarlanmamışsa, önizleme sistemi yaygın geliştirme sunucusu algılamasına geri döner (Vite, Next.js, vb.).

Önizleme URL’leri

Her uygulama, korumalı alanında ayrılmış bir bağlantı noktası alır. Önizleme URL’si şu deseni izler:
PORT ortam değişkeni, önizleme sistemi tarafından otomatik olarak ayarlanır.

Sıcak yeniden yükleme

Kodunuzdaki değişiklikler, geliştirme sunucunuzun sıcak yeniden yükleme (HMR) tarafından algılanır. Siz veya AI dosyaları düzenledikçe önizleme gerçek zamanlı olarak güncellenir.

Manuel denetimler

  • Önizlemeyi başlat — geliştirme sunucusu çalışmıyorsa başlatır
  • Önizlemeyi durdur — geliştirme sunucusu işlemini sonlandırır
  • Yeniden başlat — durdur + başlat (yapılandırma değişikliklerinden sonra yararlı)

Doğrulama

Bir önizleme, yalnızca uygulama-geliştirme sekmesi açıldığında ve beklenen UI gösterildiğinde doğrulanır. Zaman aşımı, başarısız sekme açılması, durdurulmuş işlem veya eksik önizleme URL’si, önizlemenin henüz doğrulanmadığı anlamına gelir. AI bir uygulama oluştururken, taslağı başlattıktan veya değiştirdikten sonra uygulama-geliştirme sekmesini açmalıdır. Yalnızca komut çıktısından uygulamanın çalıştığını iddia etmemelidir.