Muhammet Burak Keskin; İstanbul'da yaşayan bir yazılım mühendisidir. HotelAgent'ta Senior Web Specialist olarak 100'den fazla otel web sitesinin production altyapısını işletir. Web altyapısı, performans, teknik SEO, otomasyon ve yapay zekâ sistemleri üzerine çalışır.

Burak Keskin hangi teknolojileri kullanıyor?

Günlük araç seti: Cloudflare, Linux, AWS, DNS/SSL yönetimi, WordPress ve custom CMS, React, Next.js, TypeScript. Otomasyon tarafında n8n; AI tarafında Claude Code, OpenAI Codex, Ollama ve yerel LLM'ler.

Burak Keskin AI alanında ne geliştiriyor?

AI destekli mühendislik akışları: Claude Code ve OpenAI Codex ile geliştirme, Ollama ve Gemma ile yerel AI denemeleri, RAG tabanlı bilgi sistemleri, MCP ile agent-araç bağlantıları ve n8n ile iş akışı otomasyonu.

Burak Keskin hangi sektörlerde çalışıyor?

Ana alanı otel teknolojisi ve dijital otelcilik: 100+ otel web sitesinin altyapısı, performansı ve teknik SEO'su. Geçmişinde e-ticaret ve KOBİ'lere yönelik freelance web projeleri de var.

Burak Keskin yazılım eğitimi aldı mı?

Lisansı İşletme'dir; yazılımı sahada, production ortamında öğrendi. Yıllarca üretim sistemleri işlettikten sonra Yazılım Mühendisliği yüksek lisansına başlayarak pratiğini akademik temelle birleştirdi.

Production engineering deneyimi neleri kapsıyor?

Site migrasyonları, production arıza çözümü (debugging), monitoring, redirect yönetimi, Core Web Vitals odaklı performans optimizasyonu, çok dilli sitelerde teknik SEO ve Cloudflare/Linux/AWS üzerinde altyapı yönetimi.

Burak Keskin ile nasıl iletişime geçilir?

E-posta ile: merhaba@burakkeskin.co. LinkedIn ve Instagram'da 'burakeskin8' kullanıcı adıyla bulunabilir. Bir fikir, bir soru ya da sadece merhaba — genellikle aynı gün dönüş yapar.

Bu web sitesi nasıl geliştirildi?

Next.js, React, TypeScript ve Tailwind CSS üzerine kuruldu; 3D dünya React Three Fiber ile, scroll sineması GSAP ScrollTrigger ile, mikro animasyonlar Framer Motion ile yapıldı. Site, sahibinin mühendislik yaklaşımının canlı bir örneğidir.

Architecture16 Temmuz 2026

Bu Site Nasıl Kuruldu: Modern Web ve AI Destekli Geliştirme

burakkeskin.co'nun teknik hikâyesi: Next.js, React Three Fiber ile 3D dünya, GSAP scroll sineması ve Claude ile AI destekli geliştirme süreci.

Bu sitenin kendisi, savunduğum mühendislik yaklaşımının canlı bir örneği. Bu yazıda kullandığım teknolojileri ve AI destekli geliştirme sürecinin nasıl işlediğini anlatıyorum.

Teknolojik altyapı

Next.js + React + TypeScript — uygulama çatısı
Tailwind CSS — tasarım sistemi
React Three Fiber (Three.js) — arka plandaki 3D dünya: tek Canvas, scroll'a bağlı kamera rotası ve beş farklı bölge
GSAP ScrollTrigger — scroll sinematografisi
Framer Motion — DOM mikro animasyonları
Lenis — smooth scroll

Performans kararları

Tüm 3D öğeler instancing veya Points kullanıyor — bölge başına 1-3 draw call
Mobilde partikül yoğunluğu otomatik düşüyor
prefers-reduced-motion açıksa 3D sahne hiç yüklenmiyor
İçerik sunucuda görünür render ediliyor; JavaScript'siz tarayıcıda bile site eksiksiz okunuyor

AI destekli süreç

Bu site Claude ile, AI destekli bir geliştirme akışıyla inşa edildi. Deneyimim şu: AI, mimari kararları senin yerine veremiyor — ama kararı sen verdikten sonra uygulamayı ciddi hızlandırıyor. Kod üretici olarak değil, sistem tasarım ortağı olarak kullanınca fark yaratıyor.

Sonuç

Bir kişisel site için fazla mühendislik mi? Belki. Ama bu site bir vitrin değil, çalışma şeklimin kanıtı: ölçülü animasyon, erişilebilirlik ve yapay zekânın doğru yerde kullanımı.