/
Popüler#YapayZeka#ChatGPT#Gemini#iPhone#Samsung#Android#Apple#FilmÖnerileri#Dizi#Oyun#NVIDIA10 Ekim Cumartesi
Anasayfa › Rehberler › Yapay Zekâ
Nasıl yapılır · Yapay Zekâ

Yapay Zekâ ile Web Sitesi Yapma: Ücretsiz Araçlarla Adım Adım Site Kurma

Güncellendi: 10 Ekim 20264 dk okuma5 bölüm
Yapay Zekâ ile Web Sitesi Yapma: Ücretsiz Araçlarla Adım Adım Site Kurma
Kısa cevap

Basit bir site için Gemini Canvas, ChatGPT ya da Claude'a "tek sayfalık, mobil uyumlu bir site yap" de, oluşan index.html dosyasını indir ve Netlify Drop'a sürükleyerek ya da GitHub Pages ile ücretsiz yayına al. Daha gelişmiş siteler için Lovable, Google AI Studio veya Wix ve Framer'ın yapay zekâ site oluşturucuları kullanılabilir. Ücretsiz planlarda alan adı ve kullanım sınırları vardır.

Kod bilmeden web sitesi yapmanın en kolay yolu artık yapay zekâya ne istediğini anlatmak. Kafe, kişisel portfolyo, etkinlik ya da düğün sayfası gibi basit siteleri birkaç dakikada oluşturup ücretsiz olarak yayına alabilirsin. Aşağıda araçları, adım adım bir örneği ve yayına alma yöntemlerini bulacaksın.

Bölüm 1

Yapay zekâ ile site yapmak için hangi araç?

Hangi yapay zekâ site aracı kime uygun
Hangi yapay zekâ site aracı kime uygun
  • ChatGPT, Claude ve Gemini Canvas: Tek sayfalık siteler için en hızlı yol. İstediğini anlatırsın, HTML/CSS kodunu yazar ve önizleme gösterir. Ücretsiz hesaplarla kullanılabilir.
  • Google AI Studio (Build): ai.studio/build adresinde uygulamayı tarif ettiğinde çalışan bir web uygulaması oluşturur. Oluşturmak ve önizlemek ücretsizdir; Google Cloud üzerinde yayına almak ise faturalandırma ve ücretli API anahtarı gerektirebilir.
  • Lovable: Sohbet ederek çok sayfalı site ve uygulama kurar. Ücretsiz planda günlük sınırlı kredi verir ve sitelerini lovable.app uzantılı bir adreste yayınlayabilirsin; özel alan adı ve gizli proje için ücretli plan gerekir.
  • Wix ve Framer: Yapay zekâ ile taslak site oluşturup sürükle-bırak ile düzenlemeye izin verir; barındırma dahildir. Ücretsiz planlarda site adresinde platformun adı ve reklam bulunabilir.
Dikkat: Bu araçların ücretsiz kredi ve kota rakamları sık değişiyor. Bir platforma bağlanmadan önce kendi fiyat sayfasındaki güncel sınırları kontrol et.
Bölüm 2

Adım adım: Yapay zekâ ile tek sayfalık site

Örnek olarak bir kafe için tanıtım sayfası yapalım. Aynı adımlar ChatGPT ve Claude'da da geçerli.

  1. gemini.google.com adresini aç ve araçlardan Canvas'ı seç.
  2. Siteni ayrıntılı tarif et: "Kadıköy'de bir kafe için tek sayfalık, mobil uyumlu bir site yap. Bölümler: üstte kafe adı ve slogan, menü (6 ürün ve fiyat yerine 'fiyat' yaz), çalışma saatleri, harita bağlantısı ve iletişim. Renkler sıcak kahve tonları olsun. Tek bir index.html dosyası olsun, dış kütüphane kullanma."
  3. Sağdaki önizlemeyi incele. Değişiklik için yaz: "Menü bölümünü iki sütun yap", "yazı tipini büyüt".
  4. Metinleri kendi bilgilerinle değiştir. Yapay zekânın uydurduğu adres, telefon ve fiyatları mutlaka düzelt.
  5. Kodu indir ya da kopyalayıp bilgisayarında index.html adlı bir dosyaya yapıştır. Bu dosyayı ve görselleri tek bir klasöre koy.
Gemini Canvas ile tek sayfalık site oluşturma
Gemini Canvas ile tek sayfalık site oluşturma
İyi bir site komutunda şunlar olmalı: sitenin amacı, bölümler, renk ve hava, hedef kitle ve teknik istek ("tek dosya", "mobil uyumlu"). Logo ya da fotoğraf istiyorsan kendi görsellerini kullan; başka sitelerden görsel alma.
Bölüm 3

Siteyi ücretsiz yayına alma: Netlify Drop

En kolay yöntem, klasörü sürükleyip bırakmak:

  1. Tarayıcıda app.netlify.com/drop adresini aç.
  2. index.html dosyasının bulunduğu klasörü sayfadaki alana sürükleyip bırak.
  3. Birkaç saniye içinde siten ...netlify.app uzantılı bir adreste yayına girer.
  4. Sitenin kalıcı olması için ücretsiz bir Netlify hesabı oluşturup siteyi hesabına bağla; aksi halde site bir süre sonra kaldırılabilir.
Netlify Drop ile klasörü sürükleyip siteyi yayına alma
Netlify Drop ile klasörü sürükleyip siteyi yayına alma
Bölüm 4

GitHub Pages ile yayına alma

Siteni uzun süre güncellemeyi düşünüyorsan GitHub Pages iyi bir seçenek:

  1. github.com'da ücretsiz hesap aç ve yeni, herkese açık (Public) bir depo oluştur.
  2. Add file > Upload files ile index.html ve görselleri yükle.
  3. Deponun Settings > Pages bölümüne gir.
  4. Source olarak Deploy from a branch, dal olarak main ve klasör olarak / (root) seç, Save'e tıkla.
  5. Birkaç dakika sonra siten kullaniciadin.github.io/depoadi adresinde yayında olur.
GitHub Pages ayarlarından dal seçip kaydetme
GitHub Pages ayarlarından dal seçip kaydetme

Kendi alan adını (ör. ornekkafe.com) bir alan adı firmasından satın alıp Netlify ya da GitHub Pages'e bağlayabilirsin. .com.tr gibi uzantıların kayıt koşulları için alan adı firmanın sayfasına bak.

Bölüm 5

Dikkat etmen gerekenler

  • Kişisel veriler: Siteye form ekleyip ziyaretçilerden ad, telefon gibi bilgi topluyorsan KVKK kapsamında aydınlatma metni hazırlaman gerekir.
  • Telif: Yapay zekâya başka bir sitenin tasarımını birebir kopyalatma; internetten bulduğun fotoğraf ve logoları izinsiz kullanma.
  • Doğruluk: Yapay zekâ adres, fiyat, çalışma saati ve yorum gibi bilgileri uydurabilir. Yayına almadan önce her metni oku.
  • Güvenlik: Şifre, API anahtarı gibi gizli bilgileri sitenin koduna yazma; herkese açık depolarda bu bilgiler herkes tarafından görülebilir.
  • Ödeme ve üyelik: Ödeme alan ya da üye girişi olan siteler için hazır e-ticaret platformları daha güvenlidir; yapay zekâyla yazılmış kodu bir uzmana kontrol ettirmeden bu işler için kullanma.

Sık sorulan sorular

Yapay zekâ ile web sitesi yapmak ücretsiz mi?

Basit bir site tamamen ücretsiz yapılabilir: Gemini, ChatGPT veya Claude ile sayfayı oluşturup Netlify ya da GitHub Pages ile yayına alabilirsin. Özel alan adı ve gelişmiş özellikler ücretlidir.

Kod bilmeden site yapılır mı?

Evet. Yapay zekâ kodu senin yerine yazar; sen yalnızca ne istediğini anlatır, önizlemeyi kontrol eder ve dosyayı yayına alırsın. Yine de metinleri ve bilgileri kendin kontrol etmelisin.

Lovable ücretsiz mi?

Lovable'ın ücretsiz planı günlük sınırlı kredi verir ve projeleri lovable.app uzantılı adreste yayınlamana izin verir. Özel alan adı ve gizli projeler için ücretli plan gerekir; güncel sınırlar için Lovable'ın fiyat sayfasına bak.

Yapay zekâ ile yapılan siteyi Google'da çıkarabilir miyim?

Evet. Site yayına girdikten sonra Google Search Console'a ekleyip doğrulayabilirsin. Sayfada özgün, doğru ve güncel bilgiler olması sıralama için önemlidir.