Arda Altunel · Portfolyo

Blog Platformu: yazı hazırlamadan yönetici incelemesine

Blog Platformu, HTML, CSS ve JavaScript ön yüzünü Supabase servisleriyle birleştiren web projem. GitHub Pages üzerinde yayınlanabilen statik sayfalar; kullanıcı oturumu, yazı verileri ve görseller için Supabase ile çalışıyor. Projede okuma ekranlarının yanında kayıt, giriş, yazı hazırlama ve yönetim paneli de bulunuyor.

Yazı hazırlama ve incelemeye gönderme

Yazı ekleme ekranı önce kullanıcı oturumunu ve yazar profilini kontrol ediyor. Oturumu bulunmayan kullanıcı giriş ekranına yönlendiriliyor. Yazar, başlık ve içerik hazırlıyor, kategori seçiyor ve kapak görseli ekliyor. Zorunlu alanlar eksik olduğunda form, gönderimden önce ilgili hata mesajını gösteriyor.

Görsel yüklemesi tamamlandıktan sonra yazı; başlık, içerik, görsel bağlantısı, kategori ve yazar bilgisiyle kaydediliyor. Yeni yazı onaylanmamış durumda oluşturuluyor ve kullanıcıya yönetici incelemesine gönderildiği bildiriliyor. Yönetim panelindeki yayın durumu denetimi, yazının yayında olup olmadığını değiştirmek için ayrı bir arayüz sunuyor.

Kategori, yazar ve görsel ilişkileri

Veri yapısı kategorileri, yazarları ve yazıları ayrı tablolarda tutuyor. Yazılar kategori ve yazar kayıtlarıyla ilişkilendiriliyor; yayın ve öne çıkarma durumları ayrı alanlarda saklanıyor. Böylece yazı içeriğiyle yayın durumunun aynı kayıt içinde izlenebildiği bir yapı oluşuyor.

Kapak görselleri Supabase Storage'a yükleniyor ve bağlantıları yazılara ekleniyor. Yazı formu PNG, JPEG ve WebP görsellerini dosya sınırıyla kontrol ediyor. Düzenleme ekranında yeni kapak seçilmediğinde mevcut görsel korunuyor; yönetim bölümünde kategorileri ekleme ve düzenleme ekranları da yer alıyor.

Statik ön yüz ve servis entegrasyonu

Bu proje, statik olarak yayınlanan sayfalarla veri ve oturum servislerinin birlikte kullanılmasına örnek oluşturuyor. Okuma arayüzü, yayınlanmış yazıları ve kategorileri alırken içerik üretme işlemleri ayrı form ve panel ekranlarından yürütülüyor. GitHub deposunda ön yüz dosyaları, veri şeması ve kurulum açıklamaları birlikte incelenebilir.