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.

NameOcean MCP sunucusunu tek bir komutla Claude Code'a ekleyin. İndirmeniz gereken bir şey yok: sunucu nameocean.net üzerinde çalışır ve tarayıcıda NameOcean hesabınızla oturum açarsınız.

$ claude mcp add --transport http nameocean https://nameocean.net/mcp

Ardından Claude Code'da /mcp komutunu çalıştırın ve oturum açmak için nameocean seçeneğini belirleyin. Claude Desktop, claude.ai, Cursor ve diğer istemciler de aynı şekilde bağlanır: MCP kılavuzuna bakın.

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. Sunucunuzu işaret etmesi için DNS kayıtlarını 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 bir vibe coding'in anahtarı, istediğiniz şey nedir konusunda net, nasıl uygulanacağı konusunda ise 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.

İlk push işleminizde herhangi bir dal adı kullanabilirsiniz (main, master...); sunucu bundan sonra bu dalı dağıtır ve yer tutucu karşılama sayfası kaybolur. Her dağıtımdan sonra bir derleme adımı veya yeniden başlatma mı gerekiyor? Projenize .nameocean/deploy.sh ekleyin. Her push işleminden sonra sunucuda çalışır ve çıktısı doğrudan terminalinizde görünür:

#!/bin/bash
set -e
npm ci
npm run build
supervisorctl restart app

Doğrudan sunucuda düzenlenen dosyalar bir sonraki push işleminde değiştirilir, bu yüzden değişikliklerinizi git içinde tutun.

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.

NameOcean yük dengeleyici 443 numaralı bağlantı noktasında HTTPS trafiğini karşılar, sertifikaları barındırır ve her isteği sunucunuzun 80 numaralı bağlantı noktasına iletir. Sitenizi 80 numaralı bağlantı noktasında sunmanız yeterlidir: sunucuda Certbot ya da SSL yapılandırması gerekmez.

Node.js / Express / Next.js

Claude Code'a Express API'nizi veya Next.js uygulamanızı oluşturmasını söyleyin. Uygulamanın 127.0.0.1:8000 adresini dinlemesini sağlayın, çalışmaya devam etmesi için Supervisor'ı ayarlayın (hazır örnekler /root/conf/supervisor.conf dosyasında) ve /root/conf/nginx.conf içindeki ters proxy'yi etkinleştirin. Bu kadar.

Python / Flask / FastAPI / Django

Aynı iş akışı. Python uygulamanız 8000 numaralı bağlantı noktasını dinler, süreci Supervisor yönetir, istekleri Nginx proxy ile iletir. NameOcean, pyenv üzerinden en güncel Python (3.15), hazır bir virtualenv ve hızlı kurulumlar için uv ile gelir.

Go / Rust / Bize her şeyi sorun.

Binary dosyanızı derleyin, 8000 numaralı bağlantı noktasında çalıştırın, gerisini Nginx halleder. Ya da tarzınız buysa Docker kullanın: Docker ve Docker Compose kurulu ve çalışır durumdadır.

Diğer protokoller

Oyun sunucuları, MQTT, kendi bağlantı noktasında WebSockets: panelde sunucunun menüsünden bir TCP veya UDP bağlantı noktası açın. NameOcean harici bağlantı noktasını atar ve trafik doğrudan sunucunuza gider. Sunucu başına en fazla 10 bağlantı noktası.

Sunucunuz kendini yapay zekaya anlatır

Her sunucuda /root içinde bir AGENTS.md dosyası bulunur (CLAUDE.md olarak da bağlantılıdır). Claude Code'a, Codex'e veya başka bir ajana sunucunun nasıl çalıştığını anlatır: uygulamanın nerede olduğu, trafiğin nasıl geldiği, nasıl dağıtım yapılacağı, süreçlerin nasıl çalıştırılacağı, bağlantı noktalarının nasıl açılacağı ve alan adlarının nasıl bağlanacağı. Güncel bilgiler için sunucuda nameocean-info komutunu çalıştırın: sürümler, çalışan servisler, açık bağlantı noktaları ve son dağıtım.

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ı

$ claude mcp add --transport http nameocean https://nameocean.net/mcp