İçeriğe atla
Tüm Yazılar
Geliştirme
20.02.2026
1 dk okuma

Claude Code ile Portfolyo Sitesi Yaptım

İçindekiler

Bu siteyi — yani şu anda okuduğunuz portfolyoyu — Claude Code kullanarak geliştirdim. Süreç hem hızlı hem de öğretici oldu. Deneyimi paylaşmak istedim.

Claude Code Nedir?#

Claude Code, Anthropic'in geliştirdiği CLI tabanlı yapay zeka kodlama asistanı. Terminal üzerinden çalışıyor, dosyaları okuyup yazabiliyor, komut çalıştırabiliyor. Bir code editor eklentisi değil — tam anlamıyla terminalden çalışan bir ajan.

Projeyi Nasıl Yaptık?#

Next.js 16 (App Router), TypeScript ve Tailwind CSS ile başladık. Tasarım konusunda birkaç iterasyon geçirdik:

  1. Kurumsal mavi → sıkıcı
  2. Koyu 3D / glassmorphism → çok karmaşık
  3. Saf beyaz → çok düz
  4. e-Devlet kırmızısı → yanlış his
  5. CIA.gov tarzı — koyu lacivert + altın → doğru

Claude Code her tasarım değişikliğinde ilgili dosyaları bağımsız olarak düzenleyebildi. Ben yönlendirdim, o uyguladı.

Güçlü Yanları#

  • Bağlam hafızası: uzun oturumlarda ne yaptığını unutmuyor
  • Dosya sistemi anlayışı: hangi dosyanın nerede olduğunu biliyor
  • Hata analizi: TypeScript hatalarını çoğunlukla kendisi buluyor ve düzeltiyor
  • Çift dil desteği gibi karmaşık özellikler tek seferde çalıştı

Zayıf Yanları#

  • UI/UX kararlarında insan gözü hâlâ gerekli
  • Bazı CSS detayları görsel test olmadan eksik kalıyor
  • Bağlam çok uzayınca eski kararları yeniden sormak gerekebilir

Sonuç#

Claude Code bir geliştirici asistanı — yerini almıyor, iş yükünü azaltıyor. Bu siteyi tek başıma yapabilirdim ama çok daha uzun sürerdi. Birlikte yaptık, daha hızlı ve daha iyi oldu.

Kendi portfolyo siteni yapmayı düşünüyorsan: Next.js + Tailwind + Claude Code kombinasyonu güçlü bir başlangıç noktası.

Paylaş
Birlikte bir şeyler yapalım
Proje, iş birliği ya da sadece bir fikir — mesajına açığım. En kısa sürede dönüş yaparım.
Tüm YazılarMuhammed Sina Gün