---
title: "Arc XP'nin View API'si ile 2 Saatte Headless Haber Sitesi Kodlamak"
description: "Arc XP'nin View API'si, Astro ve AI destekli araçlar kullanarak haber sitesi inşa etme süreci üzerine vibe-coding session kaydım."
slug: arcxp-view-api-ile-haber-sitesi-kodlamak
date: 2025-06-17
tags:
  - arc xp
  - astro
  - headless cms
  - api
  - vibe coding
---

import YouTube from "@components/YouTube.astro";
import Note from "@components/Note.astro";

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](https://dev.arcxp.com/blog/creating-news-site-with-ai-editor/)'da yayınlandı ama videoyu burada da paylaşmak istedim.

<Note>Video İngilizce olarak kaydedilmiştir.</Note>

<YouTube id="17zY9JcWAbI" />

## 🎯 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ı?](/headless-cmsler/) yazımda paylaşmıştım. 🚀
