Next.js'ten TanStack ve Supabase'e Geçiş
Site Yenileme serisinin bu bölümünde kişisel sitemi bir kez daha güncelledim. Bir önceki sürüm zaten güncel teknoloji ve paketlerle ayaktaydı; tasarım dili ve genel düzen için köklü bir değişikliğe ihtiyaç duymadım. Her şeyi sıfırdan icat etmedim — değişenler framework, veri kaynağı, geliştirme süreci ve birkaç arayüz dokunuşu.
Ne Aynı Kaldı?
Önceki Next.js sürümündeki genel düzen korundu: feature-based klasör yapısı (src/features/), shadcn/ui ve Tailwind CSS 4 bir arada, blog deneyimi de aynı. Yine minimal ve sade bir çizgide kaldım.
TanStack Start
En büyük değişiklik Next.js App Router yerine TanStack Start'a geçmem oldu. Son yıllarda kişisel projelerde hem farklı teknolojilere hakim olmak hem de sempati duyduğum ekosistemlerle çalışmak istediğim için sitelerimi TanStack ile geliştiriyorum.
Supabase ve Yapay Zekâ Destekli Geliştirme
Bu sürümü yapay zekâ destekli geliştirme (AI-assisted development) süreciyle tamamladım: satır satır kod yazmak yerine yapay zekâyı yöneterek ilerledim. Süreçte ViraStack AI, make-interfaces-feel-better ve emil-design-eng skill dosyalarını birlikte kullandım.
Veri tarafında blog yazıları artık markdown dosyaları değil, Supabase Postgres üzerinde. Yaklaşık 100 markdown dosyasını metadata ile birlikte yapay zekâ desteğiyle veritabanına taşıdım. Eskiden site SSG (Static Site Generation) kullanıyordu, şimdi SSR (Server-Side Rendering) ile çalışıyor — ileride okunma sayısı, beğeni ve yorum gibi etkileşimleri eklemek de mümkün hale geldi.
Kaynak kod: github.com/omergulcicek/omergulcicek.com