Elleriniz Serbest! Codex Kullanarak Bir Günde Kârlı Bir Web Sitesi Yayına Almak İçin Adım Adım Kılavuz

Figma, React, Supabase veya Vercel bilmenize gerek yok. Bu makale size, bürokrasiyi atlayıp doğrudan Codex ile kârlı bir web sitesini nasıl çalışır hale getireceğinizi öğretiyor.

sudoku.com sitesi ayda 12,69 milyon organik arama alıyor (SimilarWeb Nisan 2026 verileri). Çincede topluluktaki çoğu geliştirici henüz bu tür ABD pazarına yönelik metin/sayı oyun sitelerini yapmıyor—bilgi boşluğu tam da burada.

Geçen hafta, bir günümü NYT Connections tarzı bir kelime gruplama oyun sitesi—Daily Word Categories—oluşturmakla geçirdim.

Sıfır tasarım deneyimi, sıfır frontend/backend kod ve aylık maliyeti sadece 20$'lık bir Codex aboneliği. Diğer 4 araçın tümü 0$'dan başlıyor.

Tüm süreç boyunca tek bir satır komut yazmadım veya fareyi bir kez tıklamadım—Codex benim için komutları çalıştırdı, Codex bilgisayarımdaki herhangi bir uygulamayı (tarayıcı/Finder/tasarım yazılımı) çalıştırdı ve Codex benim için veritabanını yapılandırdı.

Daha da iyisi, Codex artık tarayıcınızı meşgul etmeden arka planda birden fazla sekmede paralel olarak çalışabiliyor. Bu, Codex sizin için hesap oluştururken veya DNS değiştirirken, sizin aynı anda başka işlerinizi yapabileceğiniz anlamına geliyor.

Tasarım öğrenmeye gerek yok, kod yazmaya gerek yok, dağıtım komutlarını ezberlemeye gerek yok—sadece Codex ile konuşuyorsunuz.

Codex artık 3 şey yapabiliyor—bu sizin sıfır çaba yaklaşımınızın anahtarı

Çin topluluğundaki çoğu kişi hala Codex'in sadece bir "AI kodlama aracı" olduğunu düşünüyor. Oysa Mayıs 2026'dan sonra Codex 3 şey yapabiliyor ve bu 3'ünün birleşimi = sizin için eksiksiz bir yan proje sitesi yürütmek:

▸ CLI Komut Yürütme: npm / git / pnpm / vercel komutlarını çalıştırır. Ne zaman kullanılır: Araçları yüklerken / projeleri başlatırken / dağıtım yaparken.

▸ Bilgisayar Kullanımı (Computer Use): Bilgisayarınızdaki herhangi bir uygulamayı çalıştırır—Chrome / Safari / Finder / Tasarım yazılımı / herhangi bir GUI. Bir yetkilendirmeden sonra Codex sizin için tıklar, yazı yazar ve ekran görüntüleri alır. Chrome'un özel bir uzantısı vardır (oturumunuzu kullanarak en kararlı şekilde çalışır). Ne zaman kullanılır: 5 hesap oluştururken / DNS değiştirirken / Search Console'u yapılandırırken / komut satırı olmayan herhangi bir uygulamayı çalıştırırken.

▸ MCP Hizmet Çağrıları: (Supabase / GitHub / Stripe vb. için mevcuttur) Doğrudan harici hizmet API'lerini + yapılandırmalarını çağırır. Ne zaman kullanılır: Veritabanı şemalarını yapılandırırken / depolar oluştururken / ödemeleri kurarken.

Bu yığın nedir?

5 araçlık bir kombinasyon, 1 ücretli + 4 ücretsiz başlangıç:

• Codex — Ana sürücü + Bilgisayar Kullanımı + MCP üçlüsü → 20$/ay (abonelik)
• Open Design — Tasarım taslağı oluşturma (Açık kaynak, 9 CLI ile uyumlu) → 0$ (yerel-öncelikli)
• Supabase — Veritabanı + Giriş + Dosya depolama (MCP arayüzüne sahiptir) → 0$ (Ücretsiz katmanda 500MB DB / 50k MAU)
• Vercel — Dağıtım + Alan adı barındırma + CDN → 0$ (Ücretsiz katmanda ayda 100GB bant genişliği)
• Replicate — AI model API'si (gerektiğinde) → Kullandıkça öde 0,001-0,01$/çağrı
• Alan Adı (Gerekli) — Sizin seçiminiz → 10$/yıl (Namecheap)

→ İlk yıl için toplam maliyet yaklaşık 250$ (20$×12 + 10$ alan adı, kullandıkça öde API'leri hariç).

Neden Demo Olarak Daily Word Categories'i Seçtik?

ABD pazarı metin/sayı oyunları 2026'da mavi bir okyanustur. 3 veri noktası (herkese açık):

• sudoku.com: Aylık 12,69 milyon organik arama (SimilarWeb Nisan 2026), hala büyüyor.
• NYT Games: The New York Times'a göre, 10 milyondan fazla günlük aktif kullanıcı.
• "Connections hints today" gibi uzun kuyruklu anahtar kelimelerin günlük arama hacmi çok yüksektir (Google Keyword Planner'a göre).

Daily Word Categories neden AI site kurulumu için mükemmel:

1. AI doğrudan sonsuz seviye üretir — Günlük 16 kelime + 4 tema kategorisi, Codex tarafından tek cümlede oluşturulur.
2. Yeni başlayanlar kuralları 5 saniyede anlar — Minimalist arayüz, karmaşık durumlar yok.
3. Net para kazanma yolu — AdSense (yüksek trafik) + Bağlı kuruluş (benzer araçları tanıtma) + Premium abonelik (günlük ipuçları).
4. Bilgi boşluğu mevcut — Çoğu Çinli geliştirici ABD metin oyunları yapmıyor, bu nedenle rekabet düşük.

Open Design Nedir? Neden Kurmalısınız?

Open Design, @tuturetom'un nexu-io ekibi tarafından açık kaynaklı hale getirilmiş bir Claude Design alternatifidir (GitHub: github.com/nexu-io/open-design).

3 temel özellik:

• Yerel-öncelikli: Bilgisayarınıza kurulur, veri yüklenmez.
• BYOK (Kendi Anahtarını Getir): Kontrol edilebilir maliyetler.
• 19 Beceri + 71 marka düzeyinde Tasarım Sistemi: E-ticaret / SaaS / Oyunlar / Kişisel siteleri kapsar.
• 9 CLI Evrensel: Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi ile uyumlu.

Vibe kodlama okulunun en büyük zayıflığını—UI tasarımı—çözer.

Spesifik olarak nasıl çalıştırılır?

5 adımda tamamlanır. Her adım "Sizin ne yaptığınızı / Codex'in sizin için ne yaptığını" netleştirir—sizin payınız sadece ses/metindir.

1. Codex sizin için 5 hesap kaydeder (15 dakika)

Sadece 3 şey yaparsınız: Codex'e "5 hesap kaydetmeme yardım et" dersiniz → Ekranı izler + e-posta/şifre/doğrulama kodunu girersiniz → OAuth yetkilendirmesi sırasında "İzin Ver"i tıklarsınız.

Codex sizin için yapar: Bilgisayar Kullanımı ile tarayıcıyı açar → Kayıt sayfalarını tek tek açar → Formları otomatik doldurur + OAuth yönlendirmelerini yönetir + hesap bilgilerini kaydeder → Sizi onaylamaya yönlendirir + bir sonraki siteye geçer.

Bunu Codex'e gönderin:

"Bilgisayar Kullanımı'nı kullanarak sırayla kaydolmama yardım et: GitHub / Vercel / Supabase / Namecheap / Replicate. GitHub OAuth girişine öncelik ver (Vercel / Supabase destekler). E-postayı ve şifreyi ben gireceğim, sen süreci yürüt + sonunda 5 hesap detayını bir listeye dök."

Codex otomatik olarak Chrome'u açar (Chrome uzantısı mevcut oturumlarla kararlılık için önerilir) ve site site süreci yürütür. Sadece ekranı izlemeniz, kişisel bilgilerinizi girmeniz ve "İzin Ver"i tıklamanız gerekir.

2. Codex Open Design + tam araç zincirini kurar (10 dakika)

Sadece 2 şey yaparsınız: Bir komut istemi gönderirsiniz → Her adımı kabul etmek için 'y' tuşuna basarsınız.

Codex sizin için yapar: Yerel ortamı kontrol eder → Eksik olanı kurar → Open Design'ı kurar → Başlatır → Tüm komutları çalıştırır + ilerlemeyi gösterir + bittiğinde erişim adresini söyler.

Gönderin:

"github.com/nexu-io/open-design adresine git ve Open Design'ı ~/Tools/open-design konumuna kur. Mac kullanıcıları resmi imzalı uygulamaya öncelik versin. Supabase CLI + Vercel CLI'yı kur. Bana yerel Open Design adresini + kurulumu onaylamak için 3 araç sürümünü söyle."

Codex otomatik olarak çalışır:

1# Bunlar Codex tarafından çalıştırılır, sen sadece izle
2git clone https://github.com/nexu-io/open-design ~/Tools/open-design
3cd ~/Tools/open-design && pnpm install && pnpm dev
4npm install -g supabase
5npm install -g vercel

3-8 dakika içinde biter, Codex size Open Design için yerel adresi söyler.

3. Codex, Open Design'ı çalıştırarak tasarım taslakları üretir (5 dakika)

Sadece 2 şey yaparsınız: Oyun sitenizi tanımlayan bir komut istemi gönderirsiniz → Beğendiğiniz 1 tasarımı seçersiniz.

Codex sizin için yapar: Open Design arayüzünü açmak için Bilgisayar Kullanımı'nı kullanır → Tasarım gereksinimlerini girer → Oluşturulmasını bekler → 3 aday sunar → Seçilen tasarımı proje dizinine kaydeder.

Gönderin:

"Yerel Open Design'ı açmak için Bilgisayar Kullanımı'nı kullan. Bir Daily Word Categories oyun sitesi tasarımı oluştur—NYT Connections'a benzer, günlük 16 İngilizce kelime 4 gruba ayrılmış. Karanlık tema, mobil öncelikli, NYT Games gibi minimalist stil. Seçim yapmam için bana 3 aday göster."

Codex otomatik olarak Open Design arayüzünü çalıştırır + görseller oluşturur.

4. Codex frontend'i yazar + Supabase MCP ile veritabanını yapılandırır (15-20 dakika)

Sadece 2 şey yaparsınız: Fonksiyonları tanımlayan bir komut istemi gönderirsiniz → Codex'in işini bitirmesini beklersiniz.

Codex sizin için yapar: React frontend'i yazar + Supabase MCP'yi kullanarak doğrudan veritabanı şemasını + RLS'yi yapılandırır + API'leri yazar → Otomatik olarak cron işlerini yapılandırır (Supabase kontrol panelini açmanıza gerek yoktur).

Gönderin:

"2. tasarım taslağını bir Next.js projesine dönüştür. 2 tabloyu doğrudan yapılandırmak için Supabase MCP'yi kullan: (1) puzzles (tarih + 16 kelime + 4 kategori) (2) user_progress (kullanıcı_id + bulmaca_tarihi + çözülme_zamanı). Temel RLS kurallarını yapılandır. GPT-5 kullanarak günlük olarak saat 6'da yeni seviyeler oluşturmak için bir cron işi ayarla."

Codex otomatik olarak Supabase MCP'yi çağırarak doğrudan veritabanını yapılandırır (SQL düzenleyicisini açmaya gerek yoktur) + frontend kodunu yazar + cron işlerini kurar.

7-15 dakika içinde localhost:3000'de oynanabilir hale gelir.

5. Codex Vercel'e dağıtır + Namecheap'te DNS değiştirmek için Bilgisayar Kullanımı'nı kullanır (15 dakika)

Sadece 3 şey yaparsınız: Komut istemi gönderirsiniz → Namecheap giriş şifresini girersiniz → Google Search Console şifresini girersiniz.

Codex sizin için yapar: CLI aracılığıyla git push + vercel deploy çalıştırır + ortam değişkenlerini senkronize eder → Tarayıcıyı açmak için Bilgisayar Kullanımı'nı kullanır → DNS'i değiştirmek için Namecheap arka ucunu çalıştırır → Doğrulama ve site haritası göndermek için Google Search Console'a geçer.

Gönderin:

"Yeni bir GitHub deposuna pushla, Vercel'e dağıt ve ortam değişkenlerini otomatik olarak senkronize et. Namecheap hesabıma giriş yapmak ve dailywordcat.com için DNS'i Vercel tarafından sağlanan ad sunucularına değiştirmek için Bilgisayar Kullanımı'nı kullan. Ayrıca, Google Search Console'u kur ve sitemap.xml'i gönder."

Codex otomatik olarak:

• CLI kısmı: git init + push + vercel deploy + env var'ları senkronize et
• Bilgisayar Kullanımı kısmı: Tarayıcıyı açar → DNS'i değiştirmek için Namecheap'ı çalıştırır → Doğrulama ve site haritası gönderme için Google Search Console'a geçer

Süreç boyunca, istendiğinde sadece Namecheap/Google şifrelerini girmeniz gerekir; diğer her şeyi Codex sizin için tıklar.

Alan adı çözümlemesi 20-30 dakika içinde tamamlanır.

Bu anda, canlı ve çalışan bir web siteniz var.

En Sık Karşılaşılan 3 Tuzak

Tuzak 1: Bilgisayar Kullanımı, yetkilendirme olmadan 1. / 3. / 5. Adımda takılıp kalır

Codex Bilgisayar Kullanımı, her uygulamayı ilk kez çalıştırdığında "İzin Ver"i tıklamanızı isteyen bir pencere açacaktır. Daha önce Codex Uygulaması'nın Bilgisayar Kullanımı'nı kullanmadıysanız, izin açılır pencerelerini ararken 5 dakika takılıp kalmamak için Codex'e Ayarlar → Gizlilik → Erişilebilirlik / Ekran Kaydı bölümünden bir kez yetki vermeniz önerilir. Chrome görevleri için Chrome uzantısı en kararlı olanıdır.

Tuzak 2: Supabase RLS (Satır Düzeyinde Güvenlik) yapılandırılmamışsa = veritabanı açığı

Codex, MCP aracılığıyla temel bir RLS sürümü yapılandırır. Yayına almadan önce RLS kurallarının makul olup olmadığını kontrol etmelisiniz. Ayrıntıları bir sonraki yazıda açıklayacağım.

Tuzak 3: Chrome arka plan paralel görevleri ≠ tüm Bilgisayar Kullanımı görevleri paralel olabilir

5/21 OpenAI duyurusundan sonra, Chrome'daki Codex görevleri zaten arka planda paraleldir + tarayıcıyı meşgul etmez—1. Adım hesap kaydı / 5. Adım DNS değişiklikleri Chrome görevleridir, bu nedenle bilgisayarınızı aynı anda başka işler için kullanabilirsiniz.

Ancak: Codex yerel uygulamaları (Finder / Photoshop / tarayıcı olmayan herhangi bir uygulama) çalıştırdığında, hala sıralıdır—bu zamanlarda fareyi kapmayın / cmd+tab ile başka bir yere geçmeyin, o adımı bitirmesini bekleyin. Yerel Open Design ile etkileşime giren 2-4. Adımlar ara sıra yerel modu kullanır; bunu aklınızda bulundurun.

Bu, ne tür siteler oluşturabilir?

Eşleşecek 4 kimlik:

ABD pazarına yönelik metin/sayı oyun siteleri yapmak istiyorsunuz (Mavi okyanus seçimi) → Wordle varyantları / Connections varyantları / Sudoku / Bulmacalar

Günlük bulmaca cevap siteleri yapmak istiyorsunuz (Uzun kuyruklu trafik toplayıcı) → "Connections hints today" / "Wordle answer today" türü siteler; en iyi Sudoku oyuncuları ayda 12,69 milyon organik arama alıyor.

Trend olan araç siteleri yapmak istiyorsunuz ("AI XX Generator" türü) → Yeni model sürümlerini takip eden araçlar için açılış sayfaları.

Giriş ve ödemesi olan bir SaaS yapmak istiyorsunuz → Supabase auth + Stripe + Vercel = Eksiksiz bir ticari site.

Aylık Maliyet vs. Gelir Beklentileri

• 1. Ay: Aylık maliyet 20-30$ / Gelir 0-50$ (Site kurulumu + Google indekslemesini beklerken)
• 3. Ay: Aylık maliyet 30-50$ / Gelir 50-300$ (Tek site trafiği artar)
• 6. Ay: Aylık maliyet 50-100$ / Gelir 500-1000$+ (Birden fazla site birikir / AdSense + Bağlı kuruluş)

Gelir rakamları yaygın sektör aralıklarıdır; gerçek AdSense/Bağlı kuruluş kontrol panelinize bakın. Referans tavanı: sudoku.com tek bir site için 12,69 milyon organik arama alıyor.

Son Bir Söz

Eskiden bir siteyi başlatmak için 3 rol gerekirdi: Tasarımcı + Frontend + Backend. Veya bir kişinin 3 ay boyunca 3 set beceri öğrenmesi.

Şimdi, 1 Codex aboneliği + Açık kaynak Open Design = 3 rolün tamamı karşılanıyor. 20$/ay bir Starbucks kahvesinden biraz daha fazla.

Daha da önemlisi—Codex artık sadece kod yazmaktan daha fazlasını yapabiliyor; bilgisayarınızdaki herhangi bir uygulamayı çalıştırmak için Bilgisayar Kullanımı'nı kullanabiliyor (sadece tarayıcılar değil—Finder / Photoshop / herhangi bir GUI) + arka uç hizmetlerini yapılandırmak için MCP'yi çağırabiliyor. Bugün (5/21), OpenAI başka bir hüner ekledi: Chrome görevleri arka planda paralel sekmelerde çalışır, tarayıcınızı meşgul etmez. Yeni başlayanlar gerçekten 0 manuel iş + 0 bekleme yapar: Sadece sesinizi kullanır, ekranı izler ve 'y' tuşuna basarsınız ve zamanınızın geri kalanını Twitter'da gezinerek veya toplantılarda geçirirsiniz.

ABD pazarı metin/sayı oyun siteleri hala mavi bir okyanus—sudoku.com 12,69 milyon aramayla hala büyüyor ve çoğu Çinli geliştirici henüz harekete geçmedi. Bilgi boşlukları paradır.

Bir gün seçin ve bu 5 adımı uygulayın. Bir kez yaptıktan sonra, yeni bir site başlatmak 30 dakikalık bir iştir. Hafta sonu planlarınızı engellemez.