Yapay Zeka ile Kişisel Web Sitesi Yapımı | Blog Sayfası & Admin Panel & Supabase Storage | #4

Yapay Zeka ile Kişisel Web Sitesi — 4. Ders Bu derste blog sayfamızı baştan sona oluşturuyoruz. Admin panelinden blog yazısı ekleme, zengin metin editörü, kapak görseli yükleme ve Supabase Storage bağlantısını adım adım yapıyoruz. ───────────────────────────── 📚 Bu Videoda Neler Öğreneceksin? ───────────────────────────── 00:00 – Önceki Dersin Özeti 00:29 – Bu Derste Yapacaklarımız 00:35 – GitHub'dan Proje Dosyalarını İndirme 01:29 – Blog Özelliği için Plan Modu Kullanımı 02:30 – Zengin Metin (Rich Text) Editörü Nedir? 03:51 – Supabase SQL Editörü ile Tablo Oluşturma 05:11 – .env Dosyası Oluşturma & API Bağlantısı 07:16 – Blog Listesi Sayfasını Çalıştırma 08:49 – Blog Detay Sayfası — Zengin Görünüm 09:55 – Kopyalanan Metnin Biçimini Koruma 11:55 – Kapak Görseli Yükleme & Supabase Storage 13:01 – Kaydet / İptal Butonunu Yukarı Taşıma 14:25 – Ekran Görüntüsü ile Hata Çözme 15:54 – Sticky Sekme (Navbar) Sabit Kalma Özelliği 16:24 – GitHub'a Push & Ders Sonu ───────────────────────────── 🛠️ Bu Derste Kullandığımız Araçlar ───────────────────────────── ✅ Cursor AI → Plan modu, blog sayfası oluşturma ✅ Supabase → Storage bucket, SQL editörü ✅ GitHub → Commit & push ✅ Next.js → Blog sayfası & admin paneli ✅ Rich Text Editörü → Zengin blog içeriği ───────────────────────────── 🔗 Faydalı Linkler ───────────────────────────── 🔸 Cursor AI → https://cursor.sh 🔸 GitHub → https://github.com 🔸 Supabase → https://supabase.com