Kleydev · Muhammet Ali Kılıç
Bir projeyi solo geliştirirken en değerli şey mimariyi değiştirebilme özgürlüğü.
Hiçbir toplantı yok. Hiçbir onay süreci yok. Bir şeyin yanlış olduğunu anlayınca anında değiştirebiliyorsun.
Bu esneklik, sürati büyük ekibin bile önüne geçirebilir.
kleydev
1 B beğenme
kleydev Kampüste canım sıkılıyor, dövüşüyom kampüste
kleydev
Reel kley.dev
1 B beğenme
kleydev Akşama kadar bilgisayarla oynuyorlar örtmenim
kleydev
İstanbul, Türkiye
247 beğenme
kleydev Yeni geliştirme ortamı hazır 🖥️ Next.js frontend + Express.js API + PostgreSQL. Her şey Docker Compose ile ayağa kalkıyor. Yerel geliştirme bu kadar sade olabilirdi.
Next.js'te /api/* isteklerini backend'e yönlendirmenin en temiz yolu:
next.config.ts'e rewrites ekle. Route handler yazmana gerek yok. Browser Network sekmesinde tüm istekler görünür. CORS ayarı sadece bir yerden.
Proxy route handler yazmak eski alışkanlık.
kleydev
2 B beğenme
kleydev Ama en azından hayattayız, buda bir şey be abi.
kleydev
kleydev.com v2 live
389 beğenme
kleydev Portfolio tamamen yenilendi ✨ Artık tüm veriler PostgreSQL'den geliyor. Yazılar, projeler, gönderiler, yer imleri — hepsi gerçek bir API'den. Sidebar client-side fetch, Network sekmesi artık dolu.
Server Component'te veri çekmek ile useEffect'te fetch arasındaki fark:
SSR: İstek sunucudan, Network sekmesinde görünmez useEffect: İstek tarayıcıdan, Network sekmesinde görünür
Hangisini seçeceğin debug edilebilirlik, caching ve loading UX'e göre değişir.
kleydev
Reel kley.dev
1 B beğenme
kleydev Stajyerlerin üzerine de bu kadar gidilmez ki 🥲
kleydev
İstanbul, Türkiye
128 beğenme
kleydev Yeni workspace düzeni 🖥️ Sidebar + writing canvas + grid arka plan. Next.js App Router ile akıcı bir akış kurduk.
kleydev
EXPLAIN ANALYZE index scan ✓
184 beğenme
kleydev PostgreSQL'de yavaş sorgu debugging: EXPLAIN ANALYZE + Seq Scan görüyorsan indeks eksik demektir. Composite indekste kolon sırası kritik — eşitlik önce, range sonra 📊
kleydev
1 B beğenme
kleydev Yazılım şakaya gelmez. Büyük bir ciddiyetle yazacaksın..
Bir projeye en çok zamanı hangi framework'ü seçeceğine harcamak, asıl problemi ertelemektir.
Önce kullanıcı ne yapmak istiyor, hangi adımda takılıyor — bunları yaz. Component ağacı ve teknoloji seçimi ancak ondan sonra anlamlı olur.
Prisma ile N+1 sorunu:
findMany() sonra her kayıt için ayrı sorgu atmak yerine include veya select kullan. Ya da birden fazla entity için tag'leri tek sorguda çek.
ORM gizler ama sorgular hâlâ orada. EXPLAIN ANALYZE'ı kullan.
kleydev
Reel kley.dev
2 B beğenme
kleydev Her yazılımcının Github'ında ölmüş bir repo vardır...
kleydev
TypeScript + Zod runtime safety
215 beğenme
kleydev API response'larını sadece TypeScript ile tipleştirmek yetmez. Zod ile runtime validation ekle — şema değiştiğinde sessizce geçmek yerine net hata alırsın. Type safety compile-time değil, her istek anında 🛡️
kleydev
1 B beğenme
kleydev Sabriye bu yağmura karşı yazılır be..
kleydev
"use client" sadece etkileşim için
94 beğenme
kleydev Next.js notu: Sunucu bileşeni varsayılan. useState, onClick veya usePathname gerekiyorsa client sınırını küçük tut.
Next.js'te her dosyaya "use client" koymak, performans optimizasyonu değil kaçıştır.
Veri çekme, layout, statik içerik sunucuda kalmalı. Client sınırını yalnızca gerçek etkileşim için çiz.
Bundle büyüdükçe sorun framework'te değil, sınırı bilinçsiz kaybetmende olur.
Commit mesajı yazmak bir not değil, geçmişe gönderilen bir mesaj.
git log açtığında 'fix stuff' veya 'wip' görmek, 6 ay sonra ne değiştiğini anlamamanı garantiler.
feat: / fix: / refactor: / chore: / docs: — bu kadar basit bir kural, geçmişi okunabilir kılar.
kleydev
Reel kley.dev
23 B beğenme
kleydev Sen acıkınca kod mu yazıyon??? Film Adı: Sivas
kleydev
Remote
156 beğenme
kleydev Haftalık veri senkronizasyon scripti canlıda 🐍 Google Sheets → PostgreSQL, her sabah 06:00'da çalışıyor. tenacity ile retry, JSON logging, GitHub Actions'ta cron. Artık elle yapmıyorum.
kleydev
1 B beğenme
kleydev Çaresizlik ve güçsüzlük içinde olan....
kleydev
Reel kley.dev
1 B beğenme
kleydev Production'da patlamayan kaynak kodu geldiiği...
Flex layout'ta scroll çalışmıyorsa ilk bakılacak yer overflow değil min-h-0 eksikliğidir.
Parent büyür. Child taşar. Tüm sayfa birlikte kayar.
Sabit sidebar + bağımsız içerik scroll için yükseklik zincirini viewport'tan iç alana kadar bilinçli kur.
kleydev
#EF7020 brand orange
203 beğenme
kleydev Ana renk turuncu, seçili durum siyah, hover #EF7020 🎨 Renk kararlarını merkezi CSS değişkende tutunca her yerde tutarlı kalıyor. Design token mantığı küçük projelerde de işe yarıyor.
kleydev
203 beğenme
kleydev Portfolio v1 live. Writing, posts, projects yolda. Ship early, iterate often 🚀
Yerel geliştirme ortamı için Docker Compose şablonu:
PostgreSQL + Redis + backend + hot-reload Tek komutla ayağa kalkıyor. 'Bende çalışıyordu' sorunu bitiyor.
Onboarding süresi: 30 dakika → 5 dakika.
kleydev
git commit -m 'fix: scroll chain'
124 beğenme
kleydev Gece 2'de scroll bug fix 😅 min-h-0 eksikti. Writing canvas artık bağımsız kayıyor, sidebar sabit. Bazen en küçük CSS satırı saatlerce araştırmayı bitirir.
Flex layout'ta scroll çalışmıyorsa ilk bakılacak yer overflow değil, min-h-0 eksikliğidir.
Parent büyür. Child taşar. Tüm sayfa birlikte kayar.
Sabit sidebar + bağımsız içerik scroll'u için yükseklik zincirini viewport'tan iç alana kadar bilinçli kurmak gerekir.
kleydev
git commit — fix scroll
57 beğenme
kleydev Gece 2'de scroll bug'ı fixleyenler burada mı? 😅 Writing canvas artık tek başına kayıyor.
"Her sayfa kendi tasarımını yapsın" yaklaşımı kısa vadede özgürlük, uzun vadede tutarsızlık üretir.
Renk, spacing, arka plan gibi kararlar merkezi olmalı. Aksi halde aynı site içinde beş farklı ürün hissi oluşur.
Tasarım sistemi kısıtlama değil, tekrar eden kararları azaltmaktır.
