🧑‍💻 Codex ile Siteyi Nasıl Oluşturdum

Yapay zeka eğitimimin nasıl gittiğine dair haberler paylaşmaya devam ediyorum.

Geçen hafta ciddi şekilde vibe coding ile ilgilendim. Pratik için gerçek bir görev seçtim: danışmanlık hizmetlerim için bir açılış sayfası oluşturmak.

Önceden Taplink'te bir sayfam vardı, ancak tasarım, işlevsellik ve aylık ücret beni tatmin etmiyordu. Bu yüzden OpenAI'ın Codex'ini kullanarak kendi sitemi yapmaya karar verdim.

Neden Codex? Bana göre, bu tür görevlerde Claude'dan neredeyse hiç geri kalmıyor, ancak ayda 20 dolardan daha ucuza mal oluyor.

🙈 Yeni Başlayanlar İçin Adım Adım Süreç

1️⃣ Yapı ve tasarım olarak beğendiğim siteleri buldum.

2️⃣ Metinleri, fotoğrafları ve bağlantıları hazırladım. Hepsini referanslarla birlikte Codex'e ilettim.

3️⃣ Yaklaşık 15 dakika sonra, yayınlanmaya hazır ilk site sürümünü aldım.

4️⃣ Ardından sohbet üzerinden iyileştirdim: metinleri ve başlıkları değiştirdim, gereksiz blokları kaldırdım, tasarımı düzelttim.

5️⃣ Düzeni bilgisayarlara, tabletlere ve akıllı telefonlara uyarlamasını istedim.

6️⃣ GitHub'da bir depo oluşturdum ve projeyi oraya yükledim. Codex yetkilendirmeden sonra bunu kendisi yapabilir.

7️⃣ Vercel'e kaydoldum, GitHub'ı bağladım ve projeyi içe aktardım. Artık kodda her değişiklik yaptığımda site otomatik olarak güncelleniyor.

8️⃣ Beget'ten bir alan adı satın aldım. Benim durumumda Reg.ru'dan daha ucuzdu.

9️⃣ Alan adını Vercel'e bağladım ve alan adını barındırmayla ilişkilendiren DNS kayıtlarını yapılandırdım.
Bir süre sonra site internette erişilebilir hale geldi.
Yayınlamadan önce şunları da kontrol etmek gerekir:
— mobil sürüm;
— düğmeler ve bağlantılar;
— iletişim formları;
— metinlerin doğruluğu;
— HTTPS çalışması.

🚀 İleri Seviye

🔟 Siteyi Page Speed Insight ile kontrol ettim ve yükleme hızı raporu aldım.

1️⃣1️⃣ Önerileri Codex'e ilettim. Kodu, görselleri ve sayfa yüklemeyi optimize etti. Bundan sonra site eski telefonlarda belirgin şekilde daha hızlı açılmaya başladı.

1️⃣2️⃣ Temel SEO optimizasyonu yapmasını istedim:
— sayfa başlıklarını ve açıklamalarını ayarlamak;
— metin yapısını iyileştirmek;
— görsel açıklamaları eklemek;
— robots.txt oluşturmak;
— site haritası oluşturmak.

Ayrıca analitik, Google Search Console bağlamak ve site haritasını dizine eklenmek üzere göndermek faydalı olacaktır.

İlk seferde tüm süreç yaklaşık 8 saat sürdü.
Hazır bir sitede herhangi bir değişiklik 1-5 dakika sürer. Tasarımı tamamen değiştirmeye karar versem bile, görevi sohbette tanımlamak yeterli. Codex kodu günceller ve Vercel yeni sürümü otomatik olarak yayınlar.

Sonucu yukarıdaki görsellerde görebilirsiniz ☝️ Codex yazı tipini ve simgeleri kendisi seçti.

Bu yolu tekrarlamak isterseniz, vibe coding kursunu öneririm. Orada her şey aynı, ancak ayrıntılı video talimatlarıyla:
👉 [kurs bağlantısı]

🎁 İNDİRİM KODUYLA %10 İNDİRİM: İREŞEV