ChatGPT ya da Claude'a yazdırdığınız web sitesi nasıl yayınlanır?

ChatGPT ya da Claude'un yazdığı web sitesini yayınlamak için kodu index.html adlı bir dosyaya kaydedin, dosyayı GitHub'a yükleyin, sonra sunucunuzdaki Coolify panelinde bu depoyu seçip yayınlayın. Sonunda siteniz HTTPS adresiyle herkese açılır, isterseniz kendi alan adınızı da bağlarsınız. Bu yazı ilk kez site yayınlayanlar için en baştan, adım adım ilerliyor.

Önce elinizdekine bakın. Sohbette yazılan site çoğu zaman tek bir HTML dosyasıdır ve derleme istemez, bu yazı onun için. Yanıtta npm install, package.json ya da Next.js geçiyorsa elinizdeki şey bir uygulamadır, o durumda kod aracı rehberi daha doğru yerdir.

1. Siteyi tek dosya olarak isteyin

Sohbete şunu yazın, birden çok dosyayla uğraşmazsınız:

Bu siteyi tek bir index.html dosyası olarak ver. CSS ve JavaScript aynı dosyanın içinde olsun. Görsel kullanacaksan dosya adlarını söyle.

2. Dosyayı bilgisayarınıza kaydedin

• ChatGPT: Kod genellikle sohbetteki kod bloğunda gelir. Bloğu kopyalayın. Bir indirme düğmesi görürseniz onu da kullanabilirsiniz.
• Claude: Site çoğu zaman yanda açılan bir yapıt (artifact) olarak gelir. Anthropic'in belgesine göre yapıtın üst kısmındaki denetimlerle kodu görüp kopyalayabilir ya da indirebilirsiniz. Şablondan yapılan tasarımlarda Export bağımsız HTML ya da .zip verir.

Kopyaladıysanız kodu bir metin düzenleyiciye yapıştırıp dosyayı index.html adıyla kaydedin. Windows Not Defteri'nde kayıt türünü Tüm Dosyalar yapın, yoksa dosya .txt ile biter. Mac'te Metin Düzenleme kullanıyorsanız önce düz metin biçimine geçin. Sonra dosyaya çift tıklayın, siteniz tarayıcıda açılmalı. Görsel varsa aynı klasöre koyun.

3. Dosyaları GitHub'a yükleyin

Sunucu siteyi GitHub'daki bir depodan alır, depo da dosyalarınızın durduğu klasör gibidir.

1. GitHub hesabı açın. Sağ üstten New repository deyin.
2. Depoya kısa bir ad yazın, görünürlüğü Public seçin, Add README seçeneğini açın, Create repository deyin.
3. Dosya listesinin hemen yukarısındaki Add file menüsünden Upload files seçin, index.html ve görselleri sürükleyin, Commit changes deyin.

Herkese açık depoyu herkes görebilir, zaten HTML sayfası da ziyaretçiye açık bir dosyadır. Bu yüzden içine şifre ya da API anahtarı koymayın.

4. Sunucuyu alın

Next.js VPS sayfasından ya da Coolify VPS sayfasından sunucu alın. İkisinde de Coolify yayın paneli kuruludur. Düz HTML sitede derleme olmadığı için Next.js kadar bellek gerekmez, küçük başlamak isterseniz boyutu Coolify sayfasında seçin. Ödemeden sonra Seturack panelinde Sunucularım sayfasından sunucunuzu açın, Genel Bakış sekmesinde Uygulama satırının hazır olmasını bekleyin.

5. Panelden yayınlayın

1. Genel Bakış sekmesindeki Panel adresi bağlantısını açın, E-posta ve Şifre satırlarıyla Coolify'a girin.
2. Projects sayfasında My first project ve production açıp New resource deyin.
3. Public Git Repository seçin, GitHub'daki deponun adresini yazıp Check repository deyin.
4. Build pack alanında Static seçin, Base Directory olarak / bırakıp Continue deyin. Bu seçenek depodaki dosyaları derlemeden, olduğu gibi yayınlar.
5. Deploy düğmesine basın. Bitince Domains sayfasındaki HTTPS adresini açın.

Hepsi bu kadar, siteniz yayında. Root erişimi sizde; isterseniz her şeyi panelden yönetirsiniz.

Bu işi bir kod aracına da yaptırabilirsiniz

Siteyi sık değiştirecekseniz Claude Code ya da Cursor gibi bir kod aracı kurmak işinizi kolaylaştırır. index.html dosyasının durduğu klasörü araçta açın, Seturack panelindeki Yapay zekâ aracınıza yapıştırın satırını kopyalayıp yapıştırın. Araç depoyu açar, yayını yapar, adresi size verir. Ayrıntılar kod aracı rehberinde. ChatGPT ve Claude'un sohbet ekranı sunucuya komut gönderemez, bu metni oraya yapıştırmayın.

Bilmeniz gereken dört şey

• Formlar: Düz HTML'deki iletişim formu kendi başına e-posta göndermez. Mesaj alacaksanız formun bir form servisine ya da sunucu koduna bağlanması gerekir.
• Üyelik ve ödeme: Giriş, kayıt tutma ve ödeme için sunucu kodu ve veritabanı gerekir. O noktada siteniz bir uygulamadır.
• Dosya adları: Sunucu büyük ve küçük harfi ayırır. Kod logo.png diyor, dosyanın adı Logo.PNG ise görsel görünmez.
• Yedek: Fiyata günlük yedek dahildir. Sitenin asıl kopyası da GitHub'da durur.

Sık sorulan sorular

Basit bir HTML sitesi için kaç GB RAM gerekir?

Derleme olmadığı için site az kaynak ister, sınırı Coolify'ın kendisi belirler. Coolify'ın belgesi en az 2 çekirdek ve 2 GB RAM ister. Next.js seçeneğinin önerdiği en az boyut ise derlemeye göre belirlendiği için daha yüksektir: 4 GB RAM, 2 vCore ve 40 GB disk.

Aylık maliyeti ne kadar?

Next.js seçeneğinin önerilen en az boyutu aylık 299 TL'dir (KDV dahil, TL taban fiyat). Daha küçük boyutları fiyatlar sayfasında görürsünüz. Fiyata günlük yedek dahildir, trafik limitsizdir. Alan adı ayrı bir masraftır, başka bir yerden alırsınız.

Kendi alan adımı nasıl bağlarım?

Alan adı sağlayıcınızda A kaydını sunucunun IP adresine yönlendirin. Coolify'da Domains sayfasında Add domain deyip https ile alan adınızı yazın, kaydedip Redeploy deyin. Sertifika kendiliğinden alınır. Alan adı yazımız A kaydını anlatır.

Siteyi sonradan nasıl güncellerim?

ChatGPT ya da Claude'a değişikliği yazdırın, yeni index.html dosyasını GitHub'a aynı adla yükleyin, Coolify'da Redeploy deyin. Her yüklemede kendiliğinden yayınlansın isterseniz uygulamanın Webhooks sayfasındaki adresi GitHub'a eklersiniz, Next.js rehberi bunu anlatır.

Veritabanı gerekir mi?

Düz HTML sitede gerekmez. Ziyaretçi verisi tutmak isterseniz Coolify'da aynı sunucuda PostgreSQL açarsınız, ama veritabanını kullanacak bir sunucu kodu da gerekir. Bu aşamada uygulama yayınlama rehberine geçin.

Seturack'ta kurulu gelir: Next.js, Coolify.