Hüseyin Dol Mekatronik Anka Kuşu & Mikroçip Arması
HüseyinDOL
SYSTEMS•AI•CLOUD•ENGINEERING•STUDIO
Teknik Makaleler

Makalelerim

Yazılım geliştirme süreçleri, kariyer deneyimlerim ve modern teknolojiler üzerine teknik notlarım.

27

Makale

5

Kategori

01 / MÜHENDİSLİK NOTLARI

Derinlemesine mimari ve performans yazıları

27 MAKALE · 5 KATEGORİ
FRONTEND ARCHITECTUREREACT 19 · NEXT.JS 16 · SSR & ISR///CORE WEB VITALS · STATE MANAGEMENT
DISTRIBUTED BACKENDJAVA 21 · SPRING BOOT 3.5 · MICROSERVICES///MULTI-TENANCY · REDIS · RABBITMQ
CLOUD & DEVOPSKUBERNETES · DOCKER · CI/CD PIPELINES///HIGH AVAILABILITY · OBSERVABILITY
AI & MODERN WEBLLM AGENTS · MCP · PERFORMANCE ENGINEERING///CLEAN CODE · SECURITY · SYSTEM DESIGN
Multi-Tenant SaaS'ta Tenant Routing'i Nereye Koyacağıma 4 Kez Karar Verdim
Backend

Multi-Tenant SaaS'ta Tenant Routing'i Nereye Koyacağıma 4 Kez Karar Verdim

Elly'de tenant routing'i nereye koyacağıma dört kez karar verdim. İlk üçü yeni katman ekledi, dördüncüsü kod sildi — ve asıl çözüm oydu. Multi-tenant mimari serisinin ilk bölümü.

14 dk
Database-per-Tenant: AbstractRoutingDataSource ve Connection Pool Patlaması
Backend

Database-per-Tenant: AbstractRoutingDataSource ve Connection Pool Patlaması

Spring'in AbstractRoutingDataSource'unu neden Hibernate'in resmi multi-tenancy API'sine tercih ettim, ortak veritabanını silince routing'in nasıl sadeleştiği ve tenant × pool × pod hesabının neden uykumu kaçırdığı. Multi-tenant mimari serisinin ikinci bölümü.

12 dk
Frontend'de Tenant Context — Provider'sız Yaklaşım
Frontend

Frontend'de Tenant Context — Provider'sız Yaklaşım

Next.js'te multi-tenant frontend yazarken ilk içgüdü bir TenantProvider yazmak. Ama cookie'de yaşayan bir veri için provider gerçekten gerekli mi — ve SSR'da cookie okumanın ISR'a faturası ne? Multi-tenant mimari serisinin son bölümü.

11 dk
Otonom Sistemler ve Frontend Mühendisliğinin Geleceği
AI

Otonom Sistemler ve Frontend Mühendisliğinin Geleceği

UX ve Tasarım Sistemleri artık AI tarafından üretiliyor. Yapay zekanın sadece asistan değil, bir bil...

6 dk
AI Agent'lar İle Yazılım Geliştirme Kültürü
AI

AI Agent'lar İle Yazılım Geliştirme Kültürü

Artık sadece kod yazmak yetmiyor, kod yazdıran sistemleri (Agent, Antigravity, Claude, vs.) mimarimi...

6 dk
Kendi MCP Sunucunuzu Java/Node İle Yazmak
AI

Kendi MCP Sunucunuzu Java/Node İle Yazmak

McpProjectScaffold içinde, Custom tool tanımlamaları ve prompt veritabanı enjekte etme işlemlerinin ...

14 dk
Yapay Zeka Protokollerinde Güvenlik ve İzolasyon
AI

Yapay Zeka Protokollerinde Güvenlik ve İzolasyon

MCP serverleri üzerinden sağlanan "safe-to-run" komutlarda riskli operasyonları nasıl limitleriz? LL...

13 dk
Elly Mobile App: Modern React Native Mimarisi
Mobile

Elly Mobile App: Modern React Native Mimarisi

Elly mobil projesinde, tam tema destekli (karanlık mod odaklı) mimari deneyimlerimiz, form bileşenle...

14 dk
Reanimated ve Akışkan 60FPS Animasyonlar
Mobile

Reanimated ve Akışkan 60FPS Animasyonlar

UI/UX standartlarını çok yukarılara çekmek için JS thread dışına çıkarılan ve mikro-animasyonları ku...

13 dk
React Native FlatList Performans İpuçları
Mobile

React Native FlatList Performans İpuçları

Binlerce verinin mobil ekranda kasma donma yaşamadan listelenebilmesi için memoization, keyextractor...

6 dk
Storybook: UI Bileşenleri İçin İzole Oyun Alanı
Frontend

Storybook: UI Bileşenleri İçin İzole Oyun Alanı

Geliştirdiğimiz UI-Kit NPM paketinin içerisindeki bileşenleri takım arkadaşlarına ve tasarımcılarına...

6 dk
GitHub Actions ile NPM Paket Dağıtımı (CI/CD Otomasyonu)
Frontend

GitHub Actions ile NPM Paket Dağıtımı (CI/CD Otomasyonu)

Kod main branch'e birleştiği anda testlerden geçen component paketinin otomatik olarak NPM Registry'...

6 dk
Kurumsal UI Kit İnşası: NPMJS Üzerinde Paketleme
Frontend

Kurumsal UI Kit İnşası: NPMJS Üzerinde Paketleme

Firmamın frontend projelerindeki karmaşayı çözmek için geliştirdiğimiz UI-Kit çalışmasının hikayesi....

6 dk
NPM Paketlerinde Semantik Versiyonlama (SemVer)
Frontend

NPM Paketlerinde Semantik Versiyonlama (SemVer)

Yüzlerce farklı uygulamaya giden NPM paketinin güncellemelerinde hata oluşmaması için Breaking Chang...

6 dk
Next.js ile Kusursuz SEO ve Metadata Yönetimi
Frontend

Next.js ile Kusursuz SEO ve Metadata Yönetimi

Pages Router tabanlı Next.js uygulamalarında next/head (<Seo />), getStaticProps ve dinamik sitemap.xml / robots.txt yönetimi.

6 dk
Elly Admin Panel Mimarisi: Next.js App Router
Frontend

Elly Admin Panel Mimarisi: Next.js App Router

Elly-admin-panel geliştirilirken Next.js'in SSR yeteneklerini ve App Router esnekliklerini kullandık...

6 dk
Next.js Backend as a Frontend: API Routes
Frontend

Next.js Backend as a Frontend: API Routes

Pages Router API Routes (pages/api/*) ile Next.js içerisinde BFF proxy katmanı oluşturmak, httpOnly cookie yönetimi ve on-demand ISR revalidate süreçleri.

6 dk
Spring Boot Projesini Multi-Tenant Sisteme Taşımak: AbstractRoutingDataSource
Backend

Spring Boot Projesini Multi-Tenant Sisteme Taşımak: AbstractRoutingDataSource

Elly CMS projesini tek veritabanından multi-tenant mimariye geçirme süreci: AbstractRoutingDataSource, TenantContext, JWT claim routing ve merkezi basedb auth tasarımı.

12 dk
JJWT ile JWE: signWith ve encryptWith Birlikte Kullanılamaz
Backend

JJWT ile JWE: signWith ve encryptWith Birlikte Kullanılamaz

Spring Boot Elly projesinde JJWT ile JWS+JWE kombinasyonu denemesi, AES-256-GCM geçişi ve token rotasyonu ile güvenli oturum yönetimi nasıl kurulur?

10 dk
JavaScript Event Loop: Asenkron Dünyanın Motoru
Frontend

JavaScript Event Loop: Asenkron Dünyanın Motoru

Call Stack, Web APIs, Macrotask ve Microtask Queue ile JavaScript Event Loop nasıl çalışır? Promise sırası, async/await, Node.js farkları ve performans tuzakları.

9 dk
React Render Performans Optimizasyonu
Frontend

React Render Performans Optimizasyonu

React Suspense, Lazy Loading ve RSC (React Server Components) konseptleri ile gereksiz re-render pro...

6 dk
Modern React Mimarisi ve Clean Code Pratikleri
Frontend

Modern React Mimarisi ve Clean Code Pratikleri

State yönetimi, Custom Hook'ların gücü ve Declarative (Bildirimsel) kod yazımının React ekosistemind...

6 dk
React ve Shadcn UI: Tasarım Sistemleri
Frontend

React ve Shadcn UI: Tasarım Sistemleri

Klasik komponent kütüphanelerinin aksine, kodu tamamen bizim sahiplendiğimiz Shadcn UI mimarisi ile ...

6 dk
Java ve Spring Boot ile Master Proje: Elly Mimarisi
Backend

Java ve Spring Boot ile Master Proje: Elly Mimarisi

Spring Boot 3.5 + Java 21 üzerine kurulu Elly CMS projesinin derinlemesine backend mimarisi: database-per-tenant multitenancy, RBAC, JWE şifreli JWT, Redis, RabbitMQ, WebSocket/STOMP chat, WebRTC sinyalleşme ve MapStruct.

15 dk
Kubernetes: Microservice Ekosisteminin Orkestrasyonu
DevOps

Kubernetes: Microservice Ekosisteminin Orkestrasyonu

Elly projesinin K8s altyapısı: numbered manifest organization, StatefulSet PostgreSQL, Redis + RabbitMQ, Traefik Ingress + cert-manager, HPA burst scaling, backup CronJob, Prometheus/Grafana/Zipkin.

16 dk
Docker İçerisinde PostgreSQL Ayağa Kaldırmak
DevOps

Docker İçerisinde PostgreSQL Ayağa Kaldırmak

Elly projesinde Docker Compose ile multi-tenant PostgreSQL, pgAdmin, Redis ve RabbitMQ kurulumu. Multi-stage Dockerfile, non-root user, healthcheck ve Spring Boot Docker Compose integration.

12 dk
Modern PostgreSQL Kullanımı ve İpuçları
DevOps

Modern PostgreSQL Kullanımı ve İpuçları

DevOps süreçlerinde modern PostgreSQL 16 kullanımı, tenant-bazlı ayırma, performans tuning, JSONB indeksleme, EXPLAIN ANALYZE, pg_dump retention ve replication stratejileri.

12 dk