Bunu Neden İnşa Ettim?
"Monolitik CMS çözümleri gereksiz bir çalışma zamanı (runtime) yükü getirirken, premium headless CMS SaaS platformları sürekli API maliyetleri yaratır. Modern bir Statik Site Üreticisinin (SSG) milisaniye altı hızlarına, geleneksel paylaşımlı hosting'in (Hostinger) maliyet verimliliğinden ödün vermeden ulaşabilmek için bu hibrit mimariyi tasarladım. Sistem, 'The Wind Rises' (Rüzgar Yükseliyor) felsefesinden ilham alan son derece sanatsal ve programatik bir UI barındıran kişisel bir arşiv ('Mavi Bahçem') olarak hizmet vermektedir."
Mimari & Kararlar
Sistem, tamamen ayrıştırılmış (decoupled) bir paradigma üzerine inşa edilmiştir. Backend; Yazılar, Yorumlar, Aboneler ve Ziyaretçi Defteri arasındaki ilişkisel verileri yöneten normalize edilmiş bir MySQL/InnoDB veritabanı ile etkileşime giren, JWT ile güvenliği sağlanmış özel bir PHP API'dir. Frontend ise Statik Site Üretimi (SSG) kullanan bir Next.js 15 uygulamasıdır. Dinamik içerik açığını kapatmak için özel bir CI/CD hattı kurdum: PHP admin panelindeki içerik değişiklikleri (mutations), GitHub Actions'a bir webhook tetikler. GitHub, statik Next.js ağacını yeniden derler ve optimize edilmiş build çıktılarını SSH aracılığıyla doğrudan Hostinger sunucusuna gönderir.
Temel Özellikler
- 01.Kesin olarak ayrıştırılmış Next.js 15 SSG arayüzü ve hafif PHP REST API
- 02.GitHub Actions ve güvenli SSH tünelleme ile otomatik CI/CD deployment hattı
- 03.İçerik ve ilişkisel veritabanı yönetimi için JWT ile güvenliği sağlanmış özel yönetim paneli
- 04.Kullanıcı etkileşimleri (Yorumlar, Ziyaretçi Defteri, Bülten) için dinamik istemci tarafı (client-side) hydration
- 05.Programatik, donanım hızlandırmalı UI animasyonları içeren özel Tailwind CSS v4 implementasyonu
Bu proje, hosting maliyet-performans oranı problemini mimari düzeyde çözmektedir. Standart paylaşımlı sunucuları sadece bir statik dosya sunucusu ve izole bir veritabanı uç noktası (endpoint) olarak kullanarak ve tüm derleme (compilation) yükünü GitHub Actions'a devrederek, düşük bütçeli bir altyapıda kurumsal düzeyde teslimat hızlarına ulaşır. Arayüz tasarımı, akıcı bir kullanıcı deneyimi sağlamak için gelişmiş CSS gradient'leri, kategori hidratasyonu için dinamik React state'i ve modern tipografi kullanarak 'Yıldızlı Gece' estetiğine sıkı sıkıya bağlı kalır.