Arc XP'nin View API'si ile 2 Saatte Headless Haber Sitesi Kodlamak
Geçenlerde Arc XP’nin View API’sini kullanarak sadece birkaç saatte headless bir haber sitesi inşa ettiğim uzun soluklu bir vibe-coding kaydettim. Tam detayları Arc XP Developer Blog’da yayınlandı ama videoyu burada da paylaşmak istedim.
🎯 Bu Kayıtta Neler Yaptık?
Bu, headless content retrieval API’mizi, modern araçları ve yaklaşımları kullanarak ne kadar hızlı bir haber sitesi inşa edebileceğimizi görmek için bir deneydi:
- 🧠 Headless haber sitesi mimarisi planlama
- 🚀 Astro, Tailwind ve Windsurf (AI code editor) ile proje kurulumu
- 🔐 View API için delivery API key’leri oluşturma ve yönetme
- 🗺️ API verisinden dinamik site navigasyonu inşa etme
- 📰 Collection’lara göre haberleri çekme ve gösterme
- 🗂️ Ana sayfada birden fazla content collection uygulaması
- ▶️ Özel styling ile video content bölümü oluşturma
- 📜 Dinamik routing ile makale detay sayfaları inşa etme
Arc XP’nin yapılandırılmış content API’leri, Astro’nun component modeli ve AI destekli geliştirmenin kombinasyonu oldukça akıcı bir workflow oluşturdu. Bazı engellerle karşılaştık ama bunları çözebildik. Normalde günler veya haftalar alacak bir işi, temiz ve sürdürülebilir kod yazarak birkaç saatte sıkıştırdık.
Eğer headless CMS yaklaşımları, modern frontend framework’ler konusunda meraklıysanız ya da AI destekli geliştirmenin ne kadar ilerlediğini merak ediyorsanız, yukarıdaki videoyu mutlaka izleyin!
Headless CMS’ler hakkında daha detaylı düşüncelerimi de Headless CMS’ler Hakkındaki Görüşlerim - Ne Zaman ve Neden Kullanmalı? yazımda paylaşmıştım. 🚀
İlgili Yazılar
- 8 min readWordPress'ten MDX (Astro) Aktarım Script'i
- 9 min readAstro vs WordPress: Blogumu Taşıdıktan Sonra Performans Karşılaştırması
- 2 min readGoogle Plus App Altyapısı Yapmayı Planlıyor mudur?
- 5 min readBloğumu WordPress'ten Astro'ya Taşıdım
- 2 min readMinimalist PHP Çatısı Slim
- 1 min readTwitter Zamazingosu
Paylaş