Tüm Yazılar
Geliştirme2026-02-204 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 15 (App Router), TypeScript ve Tailwind CSS ile başladık. Tasarım konusunda birkaç iterasyon geçirdik:

  1. 1.Kurumsal mavi → sıkıcı
  2. 2.Koyu 3D / glassmorphism → çok karmaşık
  3. 3.Saf beyaz → çok düz
  4. 4.e-Devlet kırmızısı → yanlış his
  5. 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