AI ile Website Kurmak: 3 Saatte Profesyonel Site Yapma Rehberi

Kardeşim 45 Bin TL Ödeyecekti, AI ile 2 Saatte Hallettik

Kardeşim Emre küçük bir dijital pazarlama ajansı açıyordu. Web ajansından teklif almış: Basit kurumsal site için 45 bin TL, teslimat süresi 6 hafta. Bütçesi yoktu, acildi. “İki hafta içinde site olmak zorunda, müşteri toplantılarında göstereceğim” dedi. Dedim ki sen otur kahveni iç, ben hallederim.

v0.dev ve Claude kullandım. İki saat sonra tamamen fonksiyonel, profesyonel görünümlü bir site hazırdı. Ana sayfa, hizmetler sayfası, hakkımızda, iletişim formu, blog bölümü. Responsive tasarım, hızlı yükleme, modern animasyonlar. Emre şok oldu. Üç gün içinde siteyi canlıya aldık, domain bağladık. Toplam maliyet sadece hosting ve domain: 800 TL yıllık. 45 bin TL yerine.

Şimdi aynı sistemi 10’dan fazla arkadaşıma, müşterime kurdum. E-ticaret siteleri, portfolio siteleri, landing page’ler, blog’lar. Kimse artık web ajansına 40-50 bin TL ödemiyor. AI ile 2-3 saatte, neredeyse sıfır maliyet ile hallediyor. Nasıl yapıldığını adım adım anlatayım.

AI Website Kurma Nasıl Çalışıyor?

Geleneksel yöntemde ne yaparsınız? Ya WordPress kurar şablon alırsınız, ya Wix gibi site builder kullanırsınız, ya da developer kiralar kod yazdırırsınız. Her üç seçenek de ya zaman, ya para, ya da teknik bilgi gerektirir.

AI yöntemi tamamen farklı. Siz sadece ne istediğinizi anlatıyorsunuz. AI sizin için tasarım yapıyor, kod yazıyor, içerik üretiyor. v0.dev gibi platformlar var, prompt yazıyorsunuz, 30 saniye sonra çalışır bir site bileşeni hazır. Beğenmediniz mi? Prompt’u değiştiriyorsunuz, AI anında yeniden üretiyor. 5-6 iterasyonda mükemmel sonuç alıyorsunuz.

Teknik olarak bakarsak, bu AI’lar React ve Tailwind CSS kodu yazıyor. Modern, responsive, profesyonel kod. Siz kod yazmayı bilmeseniz bile sorun değil. AI’nın yazdığı kodu kopyala yapıştır yapıyorsunuz, çalışıyor. İster Vercel’e deploy edin, ister Netlify’a, ister kendi sunucunuza atın.

Hangi AI Araçları En İyi?

Son altı ayda 8 farklı AI website builder test ettim. En iyilerini sıralayayım.

v0.dev benim favorim. Vercel’in geliştirdiği araç. Prompt yazıyorsunuz, 20-30 saniye içinde component hazır. Ücretsiz plan var, günde 200 kredi. Her component 30-50 kredi arası tüketiyor. Pro plan aylık 20 dolar, 5000 kredi. Ciddi iş yapacaksanız Pro gerekiyor. En büyük artısı kod kalitesi mükemmel. Modern React, TypeScript, Tailwind CSS. Çıkan kodu direkt kullanabiliyorsunuz.

Claude Sonnet 4.5 tam website kodu yazabiliyor. Özellikle landing page’ler için çok iyi. “Bana bir SaaS landing page’i yaz, hero section, features, pricing, testimonials olsun, modern tasarım, mavi-beyaz renk paleti” diyorsunuz. AI tek seferde 300-400 satır HTML, CSS, JavaScript kodu yazıyor. Kopyalayıp .html dosyasına kaydediyorsunuz, tarayıcıda açıyorsunuz, çalışıyor. Ücretsiz versiyon bile yeterli.

Bolt.new başka bir güzel araç. Prompt ile full-stack uygulama yapabiliyorsunuz. Frontend, backend, database entegrasyonu. Daha kompleks projeler için ideal. Örneğin basit bir blog sistemi, kullanıcı kayıt-giriş sistemi gibi. Aylık 20 dolar Pro plan.

Adım Adım: Kurumsal Website Yapımı

Adım 1: Site Planı ve İçerik Hazırlığı

İlk iş sitenin yapısını belirlemek. Kaç sayfa olacak? Ne içerikler olacak? Emre’nin sitesi için şunu planladık: Ana sayfa, Hizmetlerimiz, Hakkımızda, Blog, İletişim. Klasik kurumsal site yapısı.

Her sayfa için içerik hazırladık. Ama bunu da AI ile yaptık. ChatGPT’ye dedik: “Dijital pazarlama ajansı için ana sayfa metni yaz. Şirket adı: Emre Digital. Hizmetler: SEO, sosyal medya yönetimi, içerik pazarlama. Ton: Profesyonel ama samimi. Uzunluk: 150-200 kelime.” AI 2 dakikada 3 farklı varyasyon yazdı. En iyisini seçtik, küçük düzenlemeler yaptık.

Tüm sayfalar için aynı işlemi tekrarladık. 30 dakikada tüm içerik hazırdı. Eskiden copywriter kiralar, 3-4 gün beklerdiniz. Şimdi 30 dakika.

Adım 2: v0.dev ile Component Üretimi

v0.dev’e girdik. İlk prompt: “Modern kurumsal website hero section. Sol tarafta başlık ve açıklama, sağ tarafta görsel. CTA button’lar. Mavi-beyaz renk teması. Responsive tasarım.” Enter’a bastık, 25 saniye bekledi. AI üç farklı tasarım seçeneği sundu.

Birincisi çok minimal, ikincisi çok kalabalık, üçüncüsü tam istediğimiz gibiydi. Üçüncüyü seçtik. Ama küçük değişiklik istedik: “CTA button’ları daha büyük yap, font boyutunu artır.” AI anında güncelledi. Mükemmel oldu.

Aynı işlemi diğer bölümler için tekrarladık. “3 sütunlu hizmetler kartları, ikon, başlık, açıklama içersin.” “Hakkımızda bölümü, sağda görsel, solda metin.” “İletişim formu, isim, email, mesaj alanları, modern tasarım.” Her bir component 2-3 dakikada hazır oldu.

Toplam 8 component ürettik. v0.dev her birinin kodunu verdi. React dosyaları, .tsx uzantılı. Hepsini bir klasöre indirdik.

Adım 3: Projeyi Birleştirme ve Deploy

Next.js projesi oluşturduk. Terminal’de: “npx create-next-app emre-digital”. v0.dev’den aldığımız component’leri components klasörüne attık. Ana sayfada import ettik, sırayla yerleştirdik. Tailwind CSS zaten kurulu geliyordu, stil sorunları olmadı.

Görseller için Unsplash kullandık. Ücretsiz, yüksek kaliteli fotoğraflar. Dijital pazarlamayla ilgili 5-6 görsel indirdik. public/images klasörüne koyduk. Component’lerde görsel yollarını güncelledik.

Yerel olarak test ettik: “npm run dev”. Tarayıcıda localhost:3000 açtık. Site mükemmel görünüyordu. Responsive kontrolü yaptık, mobilde de sorunsuz. Yükleme hızı test ettik, 1.2 saniye. Çok hızlı.

Deploy için Vercel kullandık. GitHub’a repo oluşturduk, kodu push’ladık. Vercel’e girdik, GitHub repo’su bağladık, deploy’a bastık. 3 dakika sonra site canlıydı. Vercel otomatik domain verdi: emre-digital.vercel.app. Sonra özel domain bağladık, DNS ayarlarını yaptık. emredigital.com artık çalışıyordu.

E-Ticaret Sitesi Kurmak

Başka bir arkadaşım Ayşe küçük bir butik işletiyordu. Online satış yapmak istiyordu. Shopify 99 dolar aylık, çok pahalı buldu. AI ile çözüm ürettik.

v0.dev ile ürün kartları, sepet sistemi, ödeme sayfası tasarladık. Backend için Stripe entegrasyonu yaptık. Ürün veritabanı için Supabase kullandık, ücretsiz plan yeterli geldi. Claude’dan yardım aldık, Stripe ödeme akışını kodladı.

İki gün çalıştık, full fonksiyonel e-ticaret sitesi hazırdı. Ürün ekleme, sepete atma, ödeme yapma, sipariş takibi. Her şey çalışıyordu. Maliyet: Sadece domain ve Stripe transaction fee’leri. Shopify’a göre yüzde 90 daha ucuz.

Ayşe ilk ayda 18 satış yaptı. İkinci ayda 34. Site sorunu yaşamadı, her şey stabil çalıştı. Şimdi başka ürünler eklemeyi planlıyor.

Blog ve Portfolio Siteleri

Kendi blog’umu da AI ile kurdum. v0.dev ile blog post kartları, kategori filtreleme, arama özelliği tasarladım. İçerik yönetimi için Markdown dosyaları kullandım. Her blog post bir .md dosyası, Next.js otomatik parse ediyor, HTML’e çeviriyor.

SEO için meta tag’leri ChatGPT ile optimize ettim. Her blog post için title, description, keywords yazdırdım. Claude’a sitemap oluşturmasını söyledim, robots.txt dosyası hazırlattım. Google Search Console’a ekledim, indexleme başladı.

Portfolio sitesi de benzer mantık. Freelancer arkadaşım için yaptım. Proje galerisi, filtre sistemi, detay sayfaları. Bolt.new kullandık bu sefer, daha dinamik özellikler vardı. İletişim formu Formspree ile entegre, direkt email geliyor.

Dikkat Edilmesi Gereken Noktalar

AI mükemmel değil, bazı şeyler manuel müdahale gerektirebiliyor. Örneğin responsive tasarım bazen bozulabiliyor. Mobil görünümü mutlaka test edin, gerekirse Tailwind class’larını düzeltin.

SEO manuel optimizasyon gerektirir. AI kod yazıyor ama Google’a optimize etmiyor tam. Meta tag’ler ekleyin, alt text’ler yazın, semantic HTML kullanın. Lighthouse skorunu kontrol edin, 90 üstü olmalı.

Güvenlik önemli. Özellikle formlar varsa, validation ekleyin. CAPTCHA kullanın spam’e karşı. Environment variable’larda API key’leri saklayın, code’da hardcode etmeyin. HTTPS mutlaka olmalı, Vercel otomatik veriyor.

Maliyet Karşılaştırması

Geleneksel web ajansı: 40-50 bin TL geliştirme, 6 hafta süre, aylık 2-3 bin TL bakım.

WordPress + tema: 3-5 bin TL tema ve eklentiler, 1-2 hafta kurulum, aylık 500-800 TL hosting.

AI yöntemi: v0.dev Pro 20 dolar, domain 200 TL yıllık, Vercel hosting ücretsiz. Toplam ilk yıl 1000 TL altı. Süre: 2-3 saat. Bakım: Kendiniz yapıyorsunuz, maliyet sıfır.

Fark çok net. Yüzde 95 maliyet düşüşü, yüzde 98 süre tasarrufu. Tek gereksinim: Biraz teknik merak ve öğrenme isteği.

Sonuç: Artık Herkes Web Developer

2026’da website yapmak demokratikleşti. Eskiden ya çok para öderdiniz ya çok zaman harcardınız ya da kod öğrenirdiniz. Şimdi hiçbiri gerekmiyor. AI ile saatler içinde profesyonel site yapabiliyorsunuz.

Emre’nin sitesi 6 aydır sorunsuz çalışıyor. Müşterileri çok beğeniyor, “hangi ajans yaptı” diye soruyorlar. Emre “ben yaptım” diyor, inanmıyorlar. Ayşe’nin e-ticaret sitesi büyüyor, aylık satışlar artıyor. Kendi blog’um Google’da rank alıyor, organik trafik geliyor.

Siz de yapabilirsiniz. Bir fikriniz varsa, ertlemeyin. v0.dev’e girin, deneyin. İlk component’i üretin. Heyecanlanacaksınız. Sonra bir diğerini, bir diğerini. Akşam başlayın, gece yarısında siteniz hazır olsun. Deploy edin, dünyayla paylaşın. Web ajanslarına binlerce lira ödemek artık mantıklı değil. AI çağındayız, fırsatı kaçırmayın.