Uzun süredir kendime ait, portfolyomu ve düşüncelerimi sergileyebileceğim kişisel bir web sitesi açmak istiyordum. Ancak klasik geliştirme süreçleri —tasarımı sıfırdan çizmek, arayüzü tek tek kodlamak, içerikleri baştan derlemek, sunucu ve deployment işleriyle uğraşmak— gözümde büyüyor ve sürekli ertelenen bir yapılacaklar listesi maddesi olarak kalıyordu.

Geçtiğimiz günlerde bu süreci tamamen farklı bir yaklaşımla, birkaç akşamda tamamlayıp canlıya aldım.

Sıfırdan Yapmadım, Akıllıca Adapte Ettim

Öncelikle dürüst bir tespitle başlamak gerekiyor: Bu siteyi sıfırdan, boş bir sayfadan başlayarak tek tek satır satır kodlamadım. Günümüz yazılım dünyasında ve yapay zekâ çağında her şeyi sıfırdan üretmeye çalışmak bir maharet değil; çoğu zaman ciddi bir zaman ve enerji israfı.

ChatGPT ile ilham verici portfolyo sitelerini tararken, Ukraynalı yaratıcı geliştirici Bogdan Kostyuk'un açık kaynak portfolyosuna (github.com/logotip4ik/portfolio) denk geldim. Nuxt 3, OGL tabanlı WebGL fluid animasyonu, akıcı GSAP geçişleri ve güçlü tipografisi tam da kafamdaki minimal ve editorial hissi yansıtıyordu.

Planım netti: Tekerleği yeniden icat etmek yerine, kalitesi kanıtlanmış bu açık kaynak mimariyi alıp baştan aşağı kendi kimliğime adapte etmek.

  • Bogdan'a ait tüm kişisel bilgileri, biyografiyi, fotoğrafları, proje içeriklerini, sosyal linkleri ve eski domain referanslarını tamamen ayıkladım.
  • Yerine Harun Yasir Sarıdaş / HARUN WORKS kimliğini, kendi renk ve tipografi dengemi oturttum.
  • Orijinal OGL WebGL shader kodunu bozmadan koruduk; yalnızca yeni metin ve yerleşim kompozisyonumuza kusursuz tepki verecek biçimde ayarladık.

Var olan yüksek kaliteli bir açık kaynak projeyi alıp neyi koruyacağını, neyi çıkaracağını ve nasıl dönüştüreceğini bilmek; bugün en az sıfırdan kod yazmak kadar değerli bir mühendislik ve ürün becerisi.

Dağınık Dosyalardan Düzenli İçeriğe: Codex ve Drive Arşivi

Bir portfolyo sitesi yaparken en büyük tıkanma noktası genellikle kod değil, içeriktir. Yıllar boyunca şehir plancılığı, CBS, kentsel dönüşüm ve dijital analiz alanlarında yaptığım onlarca çalışma Google Drive'ımda farklı klasörlerde, farklı formatlarda ve dağınık biçimde duruyordu. Bunları tek tek açıp portfolyo metni yazmaya kalksaydım günler sürerdi.

Burada yapay zekâ tam bir iş gücü çarpanı olarak devreye girdi:

  • Google Drive arşivi: Codex üzerinden eski proje raporlarımı, sunumlarımı ve harita çalışmalarımı tarattım. Yapay zekâ bu dağınık dosyalardan proje özetlerini, kullanılan metodolojileri, problem tanımlarını ve sonuçları süzerek 17 ayrı proje sayfasının içerik taslaklarını çıkardı.
  • Hakkımda (About) sayfası: Sıfırdan oturup kendimi öven metinler yazmak yerine, LinkedIn profilimdeki gerçek deneyim ve uzmanlık geçmişini AI ile sentezleyerek sitenin editorial diline uygun bir biyografiye dönüştürdük.

Yapay zekânın buradaki asıl faydası hızdan ziyade başlama sürtünmesini (activation energy) sıfırlaması oldu. Boş bir sayfaya bakıp "ne yazsam" demek yerine, önüme gelen kaliteli taslakları inceleyip sadece yönlendirme ve son dokunuşları yapmak süreci akıcı hale getirdi.

Kendi Katkım: Google Girişi ve Yönetim Paneli (CMS)

Statik bir klonla yetinmek istemedim; sitenin yaşayan, güncellenebilir bir platform olmasını istiyordum. Bu yüzden projenin üzerine eksiksiz bir yönetim katmanı inşa ettik:

  • Google OAuth ile Yetkilendirme: Sadece kendi Google hesabımın oturum açabileceği güvenli bir doğrulama mekanizması.
  • Vercel Blob CMS: Veritabanı karmaşasına girmeden, site içeriklerini ve blog yazılarını özel bir bulut depolama üzerinde JSON olarak yöneten hafif ve dayanıklı bir altyapı.
  • Dinamik Blog ve Medya Yönetimi: Kod açmadan, doğrudan tarayıcı üzerinden yeni yazı ekleme, düzenleme ve görsel yükleme imkânı.

Dağıtım, DNS ve Optimizasyon

Site Vercel üzerinde sunucusuz (serverless) mimariyle çalışıyor. Alan adını Spaceship üzerinden aldım; DNS ayarları, yönlendirmeler ve SSL sertifikaları Antigravity ortamında yapılandırıldı.

Son olarak sitedeki 17 projenin 41 MB tutan devasa ham PNG önizleme görsellerini Sharp ile WebP formatına dönüştürerek toplam sayfa yükünü 3 MB seviyesine çektik (%93 tasarruf) ve kaydırma performansındaki ağırlığı tamamen ortadan kaldırdık.

AI ile Üretim ve Verimlilik Üzerine

Bu deneyim bana yapay zekânın üretkenlikteki gerçek rolünü bir kez daha gösterdi:

  1. AI bir sihirli değnek değil, bir kuvvet çarpanıdır: Eğer vizyonunuz, estetik filtreniz veya ne istediğinize dair net bir fikriniz yoksa, yapay zekâ size sadece vasat ve ruhsuz şablonlar üretir. Ancak ne aradığınızı biliyorsanız, 3 kişilik bir ekibin 1 ayda yapacağı işi tek başınıza birkaç günde tamamlamanızı sağlar.
  2. "Adapte etmek" hırsızlık değil, açık kaynak kültürünün özüdür: En iyi geliştiriciler her şeyi sıfırdan yazanlar değil; doğru araçları, kütüphaneleri ve mimarileri bir araya getirip çalışan bir çözüm üretenlerdir.
  3. Roller birleşiyor: Geliştirici, tasarımcı, metin yazarı ve DevOps mühendisi rolleri arasındaki sınırlar yapay zekâ ile kalkıyor.

Sonuçta ortaya çıkan ürün: harun.works. Açık kaynak bir temel, yapay zekâ ile hızlandırılmış içerik ve geliştirme süreci ve birkaç akşamlık odaklanma.