AI İLE FULL-STACK PROJE GELİŞTİRME! | SUPABASE MCP + OPENCODE | YAPAY ZEKA HATTI #3

Vibe Coding Serisi #3 – Supabase ile Veritabanı Altyapısı Kurma

Bu seride vibe coding’i doğru şekilde kullanarak, yapay zeka araçlarıyla sıfırdan gerçek bir uygulamanın nasıl geliştirileceğini adım adım öğretiyorum.

Amaç sadece AI ile kod yazmak değil; daha sistemli, daha efektif ve production odaklı bir geliştirme workflow’u kurmak. Bu bölümde ise projemizin backend ve veritabanı tarafına geçerek Supabase entegrasyonunu ele aldık.

📌 Önceki bölümlerde neler yaptık?
▪️ Proje fikrini netleştirdik ve AI odaklı platform yapısını belirledik
▪️ Google Stitch ile uygulama UI/UX tasarımlarını oluşturduk
▪️ Dark theme tasarım sistemi ve sayfa yapısını çıkardık
▪️ Spec-based development ile proje dokümanlarını hazırladık
▪️ Product, design, scope ve MVP planlarını oluşturduk
▪️ GPT ile prompt engineering ve brainstorming sürecini uyguladık
▪️ Open Code CLI ile AI destekli geliştirme workflow’unu kurduk
▪️ Prompt enhancer sistemiyle daha doğru AI çıktıları almayı gösterdik
▪️ Google Stitch MCP ile tasarımları OpenCode üzerinden koda dönüştürdük
▪️ Önceki dokümanlarla tasarım çıktısını birleştirerek daha tutarlı bir final yapı elde ettik
▪️ Projeyi GitHub’a göndererek kodları versiyonlanabilir ve güvenli hale getirdik

📌 Bu bölümde neler yaptık?
▪️ Supabase’e nasıl bağlanılacağını adım adım gösterdik
▪️ Supabase MCP kullanımını anlattık
▪️ OpenCode + Supabase entegrasyonu ile AI destekli backend geliştirme workflow’u kurduk
▪️ Proje için veritabanı altyapısının nasıl planlanacağını gösterdik
▪️ Supabase üzerinden tablolar, ilişkiler ve temel database yapısını oluşturma mantığını ele aldık
▪️ AI aracıyla veritabanı tarafında daha sistemli ve kontrollü geliştirme yapmanın avantajlarını gösterdik
▪️ Gerçek bir proje üzerinde frontend’den backend/veritabanı aşamasına nasıl geçileceğini anlattık

⚙️ Kullanılan araçlar
▪️ GPT — prompt tasarımı, analiz ve planlama
▪️ Open Code — CLI tabanlı AI coding sistemi
▪️ Supabase — veritabanı, backend ve auth altyapısı
▪️ Supabase MCP — AI araçlarıyla Supabase entegrasyonu
▪️ Google Stitch — UI/UX tasarım aracı
▪️ GitHub — kod versiyonlama ve proje yönetimi
▪️ Open-source AI modelleri
▪️ Agent & skill tabanlı development sistemi

🧠 Bu serinin amacı
▪️ AI ile sadece kod yazmayı değil, uçtan uca ürün geliştirmeyi öğretmek
▪️ Prompt engineering yerine system engineering mantığını kurmak
▪️ Daha düşük maliyetle daha güçlü AI workflow oluşturmak
▪️ Gerçek bir proje üzerinden “vibe coding” yaklaşımını göstermek
▪️ Tasarım, frontend, backend ve veritabanı süreçlerini tek bir geliştirme akışında birleştirmek
▪️ AI araçlarını rastgele değil, planlı ve üretim odaklı kullanmayı göstermek

Kaynaklar
Opencode MCP doc: https://opencode.ai/docs/mcp-servers

Supabase MCP doc: https://supabase.com/docs/guides/getting-started/mcp

📁 Proje
Seri boyunca geliştirdiğimiz proje:
👉 yapayzekahattı.com

Gerçek bir AI içerik + haber + blog platformu geliştiriyoruz. Bu bölümde projenin Supabase tarafındaki veritabanı altyapısını kurarak uygulamayı daha gerçekçi ve production’a yakın bir yapıya taşıyoruz.

📢 Sponsor & İş Birliği
Bu seri için sponsorluk / iş birliği teklifleri açıktır.

AI araçları, developer tools, SaaS ürünleri veya teknoloji odaklı projeler için benimle iletişime geçebilirsiniz.

Ayrıcalıklardan yararlanmak için bu kanala katılın:
https://www.youtube.com/channel/UCaRvIDBtMJ687xSLPxLOS2Q/join

🔔 Kanalıma abone olmayı unutmayın ve yeni içerikleri kaçırmamak için bildirimleri açın! 🚀

İzleyebileceğiniz Diğer Videolar:
🤖Lovable Ücretsiz Oldu! Takipçim İçin Kod Yazmadan Sıfırdan Uygulama Geliştirdim - Lovable & Supabase: https://youtu.be/ARsCKGoKut0
🤖N8N ile Otomatikleştirilmiş Veo 3 Viral Videoları Oluşturun! (Ücretsiz Workflow) | n8n + Veo 3: https://youtu.be/lWevKkUhGfI
🤖ComfyUI ve n8n ile Kodsuz ve Otomatik Görseller Ve Videolar Üretin! Ücretsiz İçerik Fabrikası: https://youtu.be/rVn-iaSxVS8
🤖Claude 4 Abartıldığı Kadar İyi Mi? | Claude 4 Sonnet vs Gemini 2.5 Sonuçlara Şaşıracaksınız!: https://youtu.be/nudCt2F7Tug
🤖Viral Shorts Otomasyonu | Sıfır Kodla Otomatik Video Üretimi (FFmpeg + yt-dlp + n8n): https://youtu.be/OPBIumlvDQo
🤖n8n ile Kodsuz ve Ücretsiz Kendi Verilerinle Kendi Chatbot’unu Kur, Yapay Zekayı Kendine Özel Yap: https://www.youtube.com/watch?v=bXBS2Hzr-vU&ab_channel=%C3%96merG%C3%B6%C3%A7men
💻n8n’i Kendi Bilgisayarında Ücretsiz Çalıştır ve Deneme Süresi Kısıtlamasından Kurtul (Self-host n8n): https://www.youtube.com/watch?v=7tInlFRcTEQ&ab_channel=%C3%96merG%C3%B6%C3%A7men

İletişim ve Sosyal Medya;
E-posta: omer.gocmen681@gmail.com
Linkedin: https://www.linkedin.com/in/%C3%B6mer-g%C3%B6%C3%A7men-43a353227
Tiktok: https://www.tiktok.com/@omerrgcmn
Instagram: https://www.instagram.com/omerrgcmn
Telegram: t.me/youtubeomergocmen

#VibeCoding #Supabase #OpenCode #YapayZeka #AICoding #MCP #AIWorkflow #YazılımGeliştirme #NoCode #LowCode #DeveloperTools #YapayZekaAraçları

Видео AI İLE FULL-STACK PROJE GELİŞTİRME! | SUPABASE MCP + OPENCODE | YAPAY ZEKA HATTI #3 канала Ömer Göçmen | Yapay Zeka & Otomasyon