Vibe Hosting Nasıl Başlatılır?
Sıfırdan Tam Vibe Kodlama Eğitimi

Muhtemelen vibe kodlamayı — bir yapay zekanın ne istediğini anlatan ve onun sizin için kod yazmasını sağlayan uygulama — duydunuz. Ama işte kimse söylemediği bir şey: kod yazıldıktan sonra ne oluyor?

Most vibe coders hit a wall. They've got a beautiful app sitting on their laptop, and then they Google "how to deploy a website" and fall into a rabbit hole of Docker, Kubernetes, CI/CD pipelines, and YAML files that make them question their life choices.

Vibe hosting'in işte burada devreye girdiği yer.

Bu eğitimde, vibe kodlama için Claude Code ve vibe hosting için NameOcean kullanarak sıfırdan canlı website'e kadar olan tam iş akışını anlatacağız.

İhtiyacınız Olanlar

Hepsi bu. Docker yok. AWS konsolu yok. Terraform yok. Göz yaşı yok.

Platformunuz için NameOcean Vibe Hosting desktop uygulamasını indirin ve NameOcean hesabınızla giriş yapın. Uygulama, sunucularınızı Claude Code'a MCP aracılığıyla bağlar, böylece doğal dil aracılığıyla her şeyi yönetebilirsiniz.

NameOcean panelinizde giriş yapın ve yeni bir sunucu oluşturun. İhtiyaçlarınıza uygun planı seçin:

Bir landing sayfası veya küçük bir web uygulaması için Starter planı yeterinden fazladır.

NameOcean'da kayıtlı bir etki alanınız varsa (veya oraya aktarıldıysa), bunu sunucunuza bağlamak tek bir işlemdir. Claude Code'un MCP entegrasyonu aracılığıyla kelimenin tam anlamıyla bir cümle:

"Bind mywebsite.com to my Starter server"

Perde arkasında NameOcean:

1. DNS kayıtlarını sunucunuza işaret edecek şekilde günceller
2. Let's Encrypt aracılığıyla otomatik olarak bir SSL sertifikası sağlar
3. Yük dengeleyiciyi HTTPS trafiğini sunucunuza yönlendirecek şekilde yapılandırır

Birkaç dakika içinde, etki alanınız HTTPS ile canlı ve güvenli hale gelir. Certbot komutları yok, Nginx SSL yapılandırması yok, DNS yayılması tahmin oyunları yok.

Şimdi eğlenceli kısım geliyor. Proje dizininizi açın ve Claude Code'u başlatın:

mkdir my-awesome-site && cd my-awesome-site
git init
claude

Sonra sadece ne istediğinizi açıklayın:

"Create a modern landing page for my WordGrid word puzzle game.
It should have a hero section with App Store and Google Play buttons,
a features section, screenshots, how-to-play steps, and a CTA section.
Use the game's color palette — orange, teal, purple on a dark background."

Claude Code tamamen responsive, üretime hazır bir web sitesi oluşturacaktır. Tek bir kod satırı yazmazsınız. Vibe'ı açıklarsınız ve yapay zeka gerisini sunar.

Vibe Kodlamanın Sanatı

Harika vibe kodlamanın anahtarı, *ne* istediğiniz konusunda spesifik, ama *nasıl* uygulanacağı konusunda esnek olmaktır:

Think of it like talking to a skilled designer. You say "I want a modern, dark-themed landing page that feels playful and energetic" -- you don't say "use flexbox with a 24px gap and a linear gradient from #0f1628 to #161d35."

Vibe hosting'in parlak olduğu yer burası. Her NameOcean sunucusu yerleşik bir git uzak deposuyla gelir. Bunu bir kez ekleyin:

# Add the remote (first time only)
git remote add nameocean ssh://root@yourserver.nameocean.org:PORT/root/app

# Deploy
git add .
git commit -m "Initial launch"
git push nameocean main

Hepsi bu. Kodunuz sunucudaki /root/app/ konumuna ulaşır. Nginx zaten statik dosyaları o dizinden sunmak için yapılandırılmıştır. Siteniz canlı olur.

Derleme adımı yok. Docker imajı yok. Dağıtım hattı yok. Bekleme yok. Sadece git push ve tarayıcınızı yenileyin.

Vibe kodlama + vibe hosting'in gerçek gücü iterasyon hızıdır. Hero bölümünü değiştirmek ister misiniz?

"Make the hero headline bigger and add a floating animation to the phone mockup"

Sonra tekrar dağıtın:

git add . && git commit -m "Bigger hero headline + animation" && git push nameocean main

Değişiklikleriniz saniyeler içinde canlı olur. Bu geri bildirim döngüsü — açıkla → oluştur → dağıt → canlıda gör — vibe hosting'i dönüştürücü yapan şeydir. Sadece daha hızlı kod yazmıyorsunuz; daha hızlı sevk ediyorsunuz.

Statik Siteler Ötesine Gitme

NameOcean'da vibe hosting statik HTML ile sınırlı değildir. Platform full-stack uygulamaları hazır olarak destekler.

Node.js / Express / Next.js

Claude Code'a Express API'si veya Next.js uygulaması oluşturmasını söyleyin. Bunu 8000 numaralı bağlantı noktasında dinleyecek şekilde yapılandırın, Supervisor'u çalıştırmak üzere kurun ve Nginx config'deki ters proxy'yi açın. Bitti.

Python / Flask / FastAPI

Aynı iş akışı. Python uygulamanız 8000 numaralı bağlantı noktasında dinler, Supervisor süreci yönetir, Nginx istekleri proxy'ler. NameOcean Python 3.14 ve pyenv önceden yüklenmiş olarak gelir.

Go / Rust / Bize her şeyi sorun.

İkili dosyayı derleyin, 8000 numaralı bağlantı noktasında çalıştırın ve Nginx gerisini halledecektir. Ya da isterseniz Docker kullanın -- zaten önceden yüklenmiş.

MCP Entegrasyonu: Autopilot'ta Vibe Hosting

NameOcean + Claude Code kombinasyonunu özel yapan şey budur: MCP (Model Context Protocol) entegrasyonu.

Claude Code'da NameOcean'ı bir MCP sunucusu olarak bağladığınızda, yapay zeka doğrudan şunları yapabilir:

• Sunucuları oluşturun ve yönetin — bir cümleyle altyapıyı ayağa kaldırın
• Etki alanlarını bağlayın — otomatik SSL ve DNS yapılandırması ile
• Bağlantı noktalarını açın/kapatın — veritabanları, API'ler ve hizmetler için
• Kodu dağıtın — git push aracılığıyla, sohbetten tetiklenerek
• Sunucu durumunu kontrol et — altyapınızı doğal dille izleyin

Bu, sözü edilen şeyi yapabilmeniz anlamına gelir:

"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"

Claude Code her şeyi halleder — sunucu sağlamadan kod yazmaya kadar dağıtıma. Tüm yaşam döngüsü, doğal dille yönetilir. Altyapı görünmez hale gelir.

Gerçek Dünya Örneği: WordGrid Landing Sayfası

Sizi gerçek bir örnek üzerinden yönetelim. WordGrid, türkçe kelime bulmaca oyunu için landing sayfasını sıfırdan oluşturduk.

Toplam süre: 10 dakikadan az.

Sonuç: tam responsive, koyu tema landing sayfası animasyonlu hero section, App Store ve Google Play indirme düğmeleri, özellikler ızgarası, ekran görüntüsü galerisi, oyun rehberi, çağrı-harekete geçme bölümü ve mobil optimize edilmiş düzen. Tümü yapay zeka tarafından oluşturulmuş, tek bir push ile dağıtılmış.

Etkili Vibe Hosting İpuçları