Teknoloji Genel Bakış (Technology Overview)

Hangi proje için hangi teknoloji? Frontend, backend, veritabanı, CSS framework ve hosting seçeneklerinin karşılaştırmalı tablosu, karar ağaçları ve öğrenme yol haritası.

Bu sayfa, dokümantasyondaki tüm teknolojilerin "ne zaman hangisini seç" sorusuna cevap veren merkezi bir referans noktasıdır. Tek tek rehberlere dalmadan önce burada genel bir karşılaştırma yapabilir, projenize uygun stack'i belirleyebilir ve öğrenme yolunuzu planlayabilirsiniz.

Proje Bazlı Stack Önerileri (Project-Based Stack Recommendations)

Aşağıdaki tablo, farklı proje tiplerine göre önerilen teknoloji yığınlarını özetler. Her satırdaki "Neden?" sütunu, o kombinasyonun neden ideal olduğunu açıklar.

#	Proje Tipi	Frontend	Backend	Veritabanı	Neden?
1	Hızlı MVP / Freelance	Blade (Laravel)	Laravel	MySQL	Tek framework ile full-stack; hızlı scaffolding, Eloquent ORM, yerleşik auth. Freelance projelerde en düşük geliştirme süresi.
2	SaaS Dashboard	React	Node.js (Express)	PostgreSQL	Component bazlı UI, zengin ekosistem, JSON API kolaylığı. PostgreSQL ileri sorgular ve JSONB ile esnek veri modeli sunar.
3	E-ticaret	Next.js	Laravel veya Node.js	MySQL + Redis	SSR ile SEO, ISR ile performans. Redis sepet/session cache için. Laravel veya Node.js ödeme entegrasyonlarına hazır.
4	Enterprise / Kurumsal	React veya Angular	ASP.NET Core	MSSQL	Angular'ın opinionated yapısı büyük takımlara uygun. ASP.NET Core yüksek performans ve .NET ekosistemi. MSSQL kurumsal lisanslama ve BI araçları.
5	Portfolio / Blog	Next.js (SSG)	Yok (static)	SQLite veya Markdown	Build zamanında statik HTML üretimi, sıfır sunucu maliyeti. Vercel/Netlify'da ücretsiz hosting.
6	Mobil API	--	Node.js veya Laravel	MongoDB veya PostgreSQL	REST/GraphQL API hızlıca kurulur. MongoDB esnek şema ile mobil veri modeline uygun; PostgreSQL ilişkisel veri için.
7	Veri Analizi / Otomasyon	--	Python (Django/FastAPI)	PostgreSQL	Python'un veri kütüphaneleri (pandas, NumPy), FastAPI ile yüksek performanslı API. PostgreSQL analitik sorgular ve window functions için ideal.
8	Real-time Uygulama	React	Node.js + Socket.io	MongoDB + Redis	Event-driven Node.js real-time için doğal seçim. Redis pub/sub ve cache, MongoDB esnek doküman yapısı.
9	CMS / Admin Paneli	Vue.js	Laravel	MySQL	Vue.js reaktif UI, Laravel Nova/Filament ile hazır admin panel. MySQL web uygulamaları için en yaygın ve en çok desteklenen DB.
10	Mobil Uygulama (Startup)	React Native (Expo)	Node.js veya Laravel	Firebase / PostgreSQL	JS ekibi varsa RN en hızlı yol. Expo ile build/deploy kolaylığı. Firebase auth+DB+push hazır.
11	Mobil Uygulama (UI odaklı)	Flutter	Node.js veya Django	Firebase / PostgreSQL	Pixel-perfect UI, tek codebase ile iOS+Android+Web. Skia render engine ile yüksek performans.
12	Mobil Uygulama (Performans kritik)	Native (Kotlin + Swift)	ASP.NET Core veya Node.js	PostgreSQL	Platform API'lerine tam erişim, en küçük uygulama boyutu, en yüksek performans.
13	Çok Platformlu (iOS+Android+Web+Desktop)	Flutter	Node.js	PostgreSQL + Firebase	Flutter tek codebase ile 4 platform. Web ve desktop desteği giderek olgunlaşıyor.

Tablo Nasıl Okunmalı? (How to Read This Table)

Frontend sütununda "--" varsa, proje bir API servisi veya otomasyon aracıdır; ayrı bir frontend katmanı gerekmez.
Veritabanı sütununda birden fazla DB varsa (örneğin MySQL + Redis), ana veri deposu + cache/queue katmanı anlamına gelir.
Bu öneriler başlangıç noktasıdır; proje büyüdükçe stack evrildikçe farklı bileşenlere geçiş yapılabilir.

Frontend Framework Karşılaştırma (Frontend Framework Comparison)

Özellik	React	Vue.js	Next.js	Angular
Dil	JavaScript / TypeScript	JavaScript / TypeScript	JavaScript / TypeScript	TypeScript (zorunlu)
Öğrenme Eğrisi	Orta	Düşük-Orta	Orta-Yüksek	Yüksek
Ekosistem Büyüklüğü	Çok geniş	Geniş	Geniş (React tabanlı)	Geniş
SSR Desteği	Next.js ile	Nuxt.js ile	Yerleşik	Angular Universal ile
SSG Desteği	Next.js ile	Nuxt.js / VitePress ile	Yerleşik	Sınırlı
State Management	Redux, Zustand, Jotai	Pinia (resmi), Vuex	React state + any	NgRx, Services, Signals
TypeScript Entegrasyonu	İyi (opsiyonel)	İyi (opsiyonel)	Çok iyi (opsiyonel)	Mükemmel (varsayılan)
Component Modeli	JSX (fonksiyon bazlı)	SFC (.vue dosyaları)	JSX (React tabanlı)	Template + Class/Standalone
Performans	Çok iyi (Virtual DOM)	Çok iyi (Reactivity)	Mükemmel (SSR/ISR)	İyi (Ivy renderer)
Bundle Size (min)	~42 KB	~33 KB	~80 KB (framework dahil)	~130 KB
Topluluk & iş ilanları	En yüksek	Yüksek (özellikle Asya)	Çok yüksek	Yüksek (kurumsal)
İdeal Proje	SPA, Dashboard, SaaS	Admin panel, CMS, orta ölçekli uygulama	SEO gerektiren site, e-ticaret, blog	Büyük kurumsal uygulamalar

Frontend Seçim Karar Ağacı (Frontend Decision Tree)

Projenin frontend ihtiyaci ne?
|
+-- SEO / ilk yukleme hizi kritik mi?
|   +-- Evet --> Next.js (SSR/SSG/ISR)
|   +-- Hayir, SPA yeterli
|       +-- Takim buyuk, kurumsal standartlar mi?
|       |   +-- Evet --> Angular
|       |   +-- Hayir
|       |       +-- Zengin ekosistem ve is imkani mi?
|       |       |   +-- Evet --> React
|       |       +-- Hizli ogrenme ve basitlik mi?
|       |           +-- Evet --> Vue.js
|
+-- Statik site / blog mu?
    +-- Evet --> Next.js SSG veya VitePress

Backend Framework Karşılaştırma (Backend Framework Comparison)

Özellik	Laravel	Node.js (Express)	ASP.NET Core	Django	FastAPI
Dil	PHP	JavaScript / TypeScript	C#	Python	Python
Öğrenme Eğrisi	Düşük-Orta	Düşük	Orta-Yüksek	Orta	Düşük-Orta
ORM	Eloquent	Prisma, Sequelize, TypeORM	Entity Framework Core	Django ORM	SQLAlchemy, Tortoise
Yerleşik Auth	Var (Breeze, Sanctum, Passport)	Yok (passport.js ile)	Var (Identity)	Var (django.contrib.auth)	Yok (manuel JWT)
Admin Paneli	Nova, Filament	AdminJS	Yok (manuel)	Var (django-admin)	Yok (manuel)
Real-time	Broadcasting + Reverb	Socket.io (doğal)	SignalR	Channels (sınırlı)	WebSocket (sınırlı)
Performans (RPS)	Orta (~5K)	Yüksek (~15K)	Çok Yüksek (~20K+)	Orta (~4K)	Çok Yüksek (~18K+)
API Geliştirme	RESTful (Resource), GraphQL	REST, GraphQL	REST, gRPC, GraphQL	DRF (REST), GraphQL	REST (otomatik docs)
Otomatik API Docs	Scribe ile	Swagger (manuel)	Swagger (Swashbuckle)	drf-spectacular	Yerleşik (OpenAPI)
Queue / Job	Yerleşik (Horizon)	Bull, BullMQ	Hangfire, background services	Celery	Celery, ARQ
Hosting Kolaylığı	Kolay (shared hosting bile)	Kolay (PaaS, VPS)	Orta (Azure, VPS)	Kolay (PaaS, VPS)	Kolay (PaaS, VPS)
Paket Yöneticisi	Composer	npm / yarn / pnpm	NuGet	pip / Poetry	pip / Poetry
İdeal Proje	Web app, CMS, API, freelance	Real-time, mikroservis, API	Kurumsal, yüksek performans	Hızlı prototip, veri yönetimi	Yüksek performanslı API

Backend Seçim Karar Ağacı (Backend Decision Tree)

Projenin backend ihtiyaci ne?
|
+-- Hizli MVP / freelance / tam donanimli framework?
|   +-- Evet --> Laravel
|
+-- Real-time veya event-driven mi?
|   +-- Evet --> Node.js (Express + Socket.io)
|
+-- Kurumsal, yuksek performans, .NET ekosistemi?
|   +-- Evet --> ASP.NET Core
|
+-- Veri bilimi / makine ogrenmesi ile entegre mi?
|   +-- Evet
|       +-- Hizli API lazim mi? --> FastAPI
|       +-- Tam framework lazim mi? --> Django
|
+-- JavaScript/TypeScript full-stack mi?
    +-- Evet --> Node.js (Express / Fastify)

Veritabanı Karşılaştırma (Database Comparison)

Özellik	MySQL	PostgreSQL	SQLite	MSSQL	MongoDB
Tip	İlişkisel (SQL)	İlişkisel (SQL)	İlişkisel (SQL)	İlişkisel (SQL)	Doküman (NoSQL)
Lisans	GPL v2	PostgreSQL (MIT benzeri)	Public Domain	Ticari	SSPL
Varsayılan Port	3306	5432	-- (dosya bazlı)	1433	27017
Performans (okuma)	Çok iyi	İyi	Çok iyi (küçük veri)	İyi	Çok iyi
Performans (yazma)	İyi	Çok iyi	Orta (tek yazıcı)	İyi	Çok iyi
JSON Desteği	JSON tipi	JSONB (binary, indeksli)	JSON fonksiyonları	JSON tipi	Doğal (BSON)
Full-text Search	FULLTEXT indeks	tsvector + GIN	FTS5 extension	Full-text catalog	Text indeks
Replikasyon	Primary-Replica	Streaming + Logical	Yok	Always On AG	Replica Set
ACID Uyumu	Evet (InnoDB)	Evet	Evet	Evet	Evet (4.0+)
Window Functions	Evet (8.0+)	Evet	Evet (3.25+)	Evet	Sınırlı ($setWindowFields)
Hosting Seçenekleri	PlanetScale, AWS RDS, VPS	Supabase, Neon, AWS RDS	Yerel dosya, Turso	Azure SQL, AWS RDS	Atlas, VPS
Ücretsiz Tier	PlanetScale (sınırlı), Aiven	Supabase, Neon (sınırlı)	Tamamen ücretsiz	Azure (sınırlı)	Atlas 512 MB ücretsiz
İdeal Proje	Web app, CMS, e-ticaret	Analitik, GIS, karmaşık sorgu	Embedded, mobil, geliştirme	Kurumsal, .NET, BI	Real-time, esnek şema

Veritabanı Seçim Karar Ağacı (Database Decision Tree)

Verinin yapisi nasil?
|
+-- Iliskisel (tablolar, foreign key, JOIN)
|   |
|   +-- Basit web uygulamasi / CMS?
|   |   +-- Evet --> MySQL
|   |
|   +-- Karmasik sorgular, analitik, GIS?
|   |   +-- Evet --> PostgreSQL
|   |
|   +-- Embedded veya tek dosya yeterli?
|   |   +-- Evet --> SQLite
|   |
|   +-- Kurumsal .NET / Microsoft ekosistemi?
|       +-- Evet --> MSSQL
|
+-- Esnek sema (JSON benzeri dokumanlar)
|   +-- Evet --> MongoDB
|
+-- Cache / session / kuyruk?
    +-- Evet --> Redis (DB degil ama tamamlayici)

Veritabanı Özellik Detay Tablosu (Database Feature Detail Table)

Senaryo	En İyi Seçim	Alternatif	Neden?
Laravel projesi	MySQL	PostgreSQL	Eloquent her ikisini de destekler; MySQL en yaygın
Coğrafi veri (GIS)	PostgreSQL + PostGIS	--	En gelişmiş açık kaynak GIS desteği
Mobil uygulama (yerel DB)	SQLite	--	Dosya bazlı, sıfır konfigürasyon
.NET kurumsal uygulama	MSSQL	PostgreSQL	Entity Framework ile en iyi entegrasyon
Prototipleme / startup	MongoDB	PostgreSQL	Şema değişiklikleri migration gerektirmez
Yüksek yazma yoğunluğu	MongoDB veya PostgreSQL	--	Yatay ölçekleme (MongoDB), MVCC (PostgreSQL)
Full-text arama	PostgreSQL	Elasticsearch	tsvector + GIN indeks, ek servis gerektirmez
Raporlama / BI	MSSQL veya PostgreSQL	--	Window functions, CTE, analitik sorgular

CSS Framework Karşılaştırma (CSS Framework Comparison)

Özellik	Tailwind CSS	Bootstrap	Styled Components	CSS Modules
Yaklaşım	Utility-first	Component-based	CSS-in-JS	Scoped CSS
Dil	CSS (PostCSS)	CSS / SCSS	JavaScript (tagged template)	CSS / SCSS
Bundle Size	~10 KB (purge sonrası)	~22 KB (min CSS)	~12 KB (runtime)	0 KB (build-time)
Customization	Çok yüksek (tailwind.config)	Orta (SCSS değişkenleri)	Tam (JS ile)	Tam (CSS ile)
Öğrenme Eğrisi	Orta (utility sınıflarını öğrenmek)	Düşük (hazır bileşenler)	Orta (CSS-in-JS konsepti)	Düşük (standart CSS)
Responsive	Yerleşik (sm, md, lg, xl, 2xl)	Yerleşik (grid sistemi)	Manuel	Manuel
Dark Mode	Yerleşik (dark: prefix)	Sınırlı	Manuel	Manuel
Component Kütüphanesi	shadcn/ui, daisyUI, Headless UI	Zengin (hazır bileşenler)	Yok (kendi yazarsınız)	Yok (kendi yazarsınız)
Framework Bağımsızlığı	Evet	Evet	React (önce, şimdi çok)	Evet (CSS Modules desteğiyle)
Design Tutarlılığı	Yüksek (design token sistemi)	Orta (Bootstrap görünümü)	Değişken	Değişken
İdeal Proje	Modern SPA, özel tasarım	Hızlı prototip, admin panel	React projesi, tema desteği	Büyük proje, izole stiller

CSS Framework Seçim Karar Ağacı (CSS Framework Decision Tree)

CSS ihtiyacin ne?
|
+-- Hizli prototip, hazir bilesenler mi?
|   +-- Evet --> Bootstrap
|
+-- Ozel tasarim, tam kontrol mu?
|   +-- Evet
|       +-- Utility-first yaklasim seviyorsan --> Tailwind CSS
|       +-- React ile JS icinde CSS mi? --> Styled Components
|
+-- Buyuk projede stil izolasyonu mu?
|   +-- Evet --> CSS Modules
|
+-- Modern, olceklenebilir, ekip projesi mi?
    +-- Evet --> Tailwind CSS

Hosting / Deployment Karşılaştırma (Hosting / Deployment Comparison)

Özellik	Vercel	Netlify	Railway	Render	VPS (Hetzner/DigitalOcean)	AWS
Tür	PaaS (Serverless)	PaaS (Serverless)	PaaS (Container)	PaaS (Container)	IaaS (Sanal Sunucu)	IaaS / PaaS
Ücretsiz Tier	Evet (hobby)	Evet (starter)	Evet (500 saat/ay)	Evet (750 saat/ay)	Hayır (min ~4$/ay)	Evet (12 ay free tier)
Otomatik Deploy	Git push	Git push	Git push	Git push	Manuel (CI/CD ile)	CodePipeline / manuel
SSL	Otomatik	Otomatik	Otomatik	Otomatik	Let's Encrypt (manuel)	ACM (otomatik)
Custom Domain	Evet (ücretsiz)	Evet (ücretsiz)	Evet (ücretsiz)	Evet (ücretsiz)	Evet	Evet
Veritabanı	Postgres (Neon)	Yok	PostgreSQL, MySQL, Redis	PostgreSQL, Redis	Herhangi biri	RDS, DynamoDB, vb.
Docker Desteği	Hayır	Hayır	Evet	Evet	Evet	Evet (ECS, EKS)
Sunucu Erişimi (SSH)	Hayır	Hayır	Hayır	Hayır (shell var)	Evet (tam kontrol)	Evet (EC2)
Ölçekleme	Otomatik (serverless)	Otomatik (serverless)	Manuel (plan yükselterek)	Manuel (plan yükselterek)	Manuel (sunucu ekle)	Otomatik (Auto Scaling)
Fiyat Aralığı	Ücretsiz - 20$/ay+	Ücretsiz - 19$/ay+	Ücretsiz - 5$/ay+	Ücretsiz - 7$/ay+	4$ - 50$/ay+	Kullanıma göre
En İyi İçin	Next.js, React, frontend	Statik site, JAMstack	Full-stack, DB gerektiren	Full-stack, backend API	Tam kontrol, özel yapılar	Büyük ölçekli, kurumsal

Hosting Seçim Karar Ağacı (Hosting Decision Tree)

Ne deploy edeceksin?
|
+-- Statik site / SSG?
|   +-- Vercel veya Netlify (ucretsiz, en kolay)
|
+-- Next.js (SSR/ISR)?
|   +-- Vercel (en iyi entegrasyon)
|
+-- Full-stack uygulama (backend + DB)?
|   +-- Kucuk proje --> Railway veya Render
|   +-- Orta proje --> VPS (Hetzner 4$/ay)
|   +-- Buyuk proje --> AWS veya VPS cluster
|
+-- Docker container?
|   +-- Railway, Render veya VPS
|
+-- Kurumsal / yuksek trafik?
|   +-- AWS (ECS, RDS, CloudFront)
|
+-- Butce sifir?
    +-- Vercel (frontend) + Railway (backend) ucretsiz tier

Hosting Maliyet Karşılaştırma Tablosu (Hosting Cost Comparison)

Senaryo	En Ucuz Seçim	Tahmini Aylık Maliyet	Notlar
Kişisel blog / portfolio	Vercel veya Netlify	0$	SSG ile ücretsiz tier yeterli
SaaS MVP (düşük trafik)	Railway	0$ - 5$	Ücretsiz tier ile başlayıp büyütülebilir
Orta ölçekli web app	Hetzner VPS (CX22)	~4$	2 vCPU, 4 GB RAM, Docker ile çoklu servis
E-ticaret (orta trafik)	Render veya VPS	7$ - 25$	DB + Redis + backend
Kurumsal uygulama	AWS veya Azure	50$ - 500$+	Auto scaling, managed services

Mobil Framework Karşılaştırma (Mobile Framework Comparison)

Özellik	React Native	Flutter	Native (Kotlin/Swift)
Dil	JavaScript / TypeScript	Dart	Kotlin (Android), Swift (iOS)
Öğrenme Eğrisi	Düşük (React biliyorsan)	Orta (Dart öğrenme)	Orta-Yüksek (2 dil + 2 platform)
Performans	İyi (%90-95)	Çok iyi (%95-98)	En yüksek (%100)
UI Yaklaşımı	Native bileşenler	Kendi render engine (Skia)	Platform native
Kod Paylaşımı	%85-95 (iOS+Android)	%90-98 (iOS+Android+Web+Desktop)	%0 (ayrı codebase)
Hot Reload	✅ Hızlı	✅ Çok hızlı	Sınırlı
Ekosistem	npm (çok büyük)	pub.dev (büyüyen)	Platform SDK (en kapsamlı)
Topluluk	Çok büyük	Büyüyen	Büyük (resmi)
Uygulama Boyutu	~15-30 MB	~15-25 MB	~5-15 MB
Web Desteği	Expo Web (sınırlı)	✅ Flutter Web	❌
Desktop	Sınırlı	✅ Windows+macOS+Linux	❌
İş İlanları (TR)	Yüksek	Büyüyen	Orta
Bakım Maliyeti	Düşük (tek codebase)	Düşük (tek codebase)	Yüksek (2 codebase)
İdeal Proje	Startup, MVP, web→mobil geçiş	UI odaklı, çok platformlu	Performans kritik, donanım erişimi

Mobil Karar Ağacı (Mobile Decision Tree)

Mobil uygulama yapacağım:
├── JS/React biliyorum, hızlı MVP → React Native (Expo)
├── UI/UX çok önemli, çok platform → Flutter
├── Performans kritik, donanım erişimi → Native (Kotlin + Swift)
├── Sadece Android → Kotlin + Jetpack Compose
├── Sadece iOS → Swift + SwiftUI
└── Web ekibi mobilize oluyor → React Native

Karar Ağacı: Projem İçin Hangi Stack? (Decision Tree: Which Stack for My Project?)

Aşağıdaki ağaç, projenizin tipine göre hızlı bir teknoloji seçimi yapmanıza yardımcı olur.

Proje ne?
|
+--- Hizli MVP / Freelance
|    +-- Stack: Laravel + Blade + MySQL
|    +-- Hosting: Shared hosting veya Railway
|    +-- Neden: Tek framework, hizli gelistirme, dusuk maliyet
|
+--- SPA + API (Dashboard, SaaS)
|    +-- Stack: React + Node.js (Express) + PostgreSQL
|    +-- Hosting: Vercel (frontend) + Railway (backend)
|    +-- Neden: Component bazli UI, esnek API, guclu DB
|
+--- SEO Onemli (Blog, E-ticaret, Landing)
|    +-- Stack: Next.js + API backend (Node.js veya Laravel)
|    +-- Hosting: Vercel
|    +-- Neden: SSR/SSG/ISR ile mukemmel SEO ve performans
|
+--- Kurumsal Uygulama
|    +-- Stack: React veya Angular + ASP.NET Core + MSSQL
|    +-- Hosting: Azure veya AWS
|    +-- Neden: Yuksek performans, .NET ekosistemi, kurumsal destek
|
+--- Veri Analizi / Otomasyon
|    +-- Stack: Python (FastAPI veya Django) + PostgreSQL
|    +-- Hosting: VPS veya Railway
|    +-- Neden: Python veri kutuphaneleri, hizli API, analitik sorgular
|
+--- Real-time Uygulama (Chat, Bildirim, Oyun)
|    +-- Stack: React + Node.js + Socket.io + MongoDB + Redis
|    +-- Hosting: VPS veya Railway
|    +-- Neden: Event-driven mimari, dusuk latency, esnek sema
|
+--- Statik Site (Dokumantasyon, Landing)
|    +-- Stack: Next.js SSG veya VitePress
|    +-- Hosting: Vercel veya Netlify (ucretsiz)
|    +-- Neden: Sifir sunucu maliyeti, aninda yukleme
|
+--- CMS / Admin Paneli
|    +-- Stack: Vue.js + Laravel + MySQL
|    +-- Hosting: VPS veya Railway
|    +-- Neden: Filament/Nova ile hazir admin, reaktif UI
|
+--- Mobil Uygulama API'si
     +-- Stack: Node.js veya Laravel + MongoDB veya PostgreSQL
     +-- Hosting: Railway veya VPS
     +-- Neden: Hizli REST/GraphQL API, esnek veri modeli

Öğrenme Yol Haritası (Learning Roadmap)

Sıfırdan full-stack geliştirici olmak için önerilen adım adım plan. Her adımda hedef süre ve ilgili rehber bağlantısı verilmiştir.

Yol Haritası Tablosu (Roadmap Table)

Adım	Konu	Hedef Süre	Kazanım	İlgili Rehber
1	HTML, CSS, JavaScript temelleri	4-6 hafta	Web sayfası oluşturabilme, DOM manipülasyonu	JavaScript & TypeScript
2	Git, VS Code, Terminal	1-2 hafta	Versiyon kontrolü, editör verimli kullanımı	Git Notları, VS Code
3	TypeScript	2-3 hafta	Tip güvenliği, interface, generic yapıları	TypeScript Rehberi
4	React veya Vue.js (birini seç)	4-6 hafta	Component, state, props, routing, hooks	React, Vue.js
5	Tailwind CSS	1-2 hafta	Utility-first styling, responsive tasarım	--
6	Backend: Laravel veya Node.js	6-8 hafta	REST API, authentication, CRUD	Laravel, Node.js
7	Veritabanı: MySQL veya PostgreSQL	3-4 hafta	SQL sorguları, migration, ORM kullanımı	MySQL, PostgreSQL
8	Next.js veya Nuxt (SSR/SSG)	3-4 hafta	Server-side rendering, static generation	Next.js
9	Docker, CI/CD	2-3 hafta	Containerization, otomatik test ve deploy	Docker
10	Deploy: Vercel / VPS	1-2 hafta	Production ortamına çıkış, domain, SSL	Ubuntu Rehberi

Yol Haritası Karar Ağacı (Roadmap Decision Tree)

Nereden baslamaliyim?
|
+-- HTML/CSS/JS bilmiyorum
|   +-- Adim 1'den basla (4-6 hafta)
|
+-- HTML/CSS/JS biliyorum
|   +-- TypeScript bilmiyorum
|   |   +-- Adim 3'ten basla
|   +-- TypeScript biliyorum
|       +-- Frontend framework bilmiyorum
|       |   +-- Adim 4'ten basla (React onerisi)
|       +-- Frontend biliyorum
|           +-- Backend bilmiyorum
|           |   +-- Adim 6'dan basla
|           +-- Backend biliyorum
|               +-- Adim 8-10 (ileri konular)

Adım Detayları (Step Details)

Adım 1: HTML, CSS, JavaScript Temelleri

Temel web teknolojileri her şeyin temelidir. HTML ile yapı, CSS ile görünüm, JavaScript ile davranış oluşturmayı öğrenin.

Hedefler: Semantik HTML, Flexbox, Grid, ES6+ syntax, DOM API, Fetch API
Proje: Kişisel portfolio sayfası yaparak pratik edin

Adım 2: Git, VS Code, Terminal

Profesyonel geliştirme ortamını kurun. Versiyon kontrolü olmadan ciddi bir proje yürütülemez.

Hedefler: git init, commit, branch, merge, pull request akışı
VS Code extension'ları, terminal komutları
Proje: Portfolio projesini Git ile yönetin

Adım 3: TypeScript

JavaScript'in tip güvenliği olan versiyonu. Modern projelerde standart haline gelmiştir.

Hedefler: Temel tipler, interface, type, generic, utility types
Proje: Mevcut JS projesini TypeScript'e dönüştürün

Adım 4: React veya Vue.js

Modern frontend framework'lerden birini seçin. React daha geniş ekosistem ve iş imkanı sunar; Vue.js daha kolay öğrenme eğrisi sağlar.

Hedefler: Component yapısı, state/props, lifecycle, routing, form yönetimi
Proje: Todo uygulaması, ardından daha karmaşık bir dashboard

Adım 5: Tailwind CSS

Utility-first CSS framework ile hızlı ve tutarlı UI geliştirme.

Hedefler: Utility sınıfları, responsive breakpoint'ler, dark mode, custom konfigürasyon
Proje: Önceki React/Vue projesini Tailwind ile yeniden stilleyin

Adım 6: Backend (Laravel veya Node.js)

Sunucu tarafında API geliştirmeyi öğrenin. Laravel tam donanımlı bir framework sunar; Node.js JavaScript bilginizi backend'e taşır.

Hedefler: REST API, CRUD, middleware, authentication, validation
Proje: Blog API'si veya basit bir e-ticaret backend'i

Adım 7: Veritabanı (MySQL veya PostgreSQL)

Veri depolama ve sorgulama. SQL temellerini öğrenin, ardından ORM kullanımına geçin.

Hedefler: CREATE, SELECT, JOIN, INDEX, migration, seeding, ORM ilişkileri
Proje: Backend projenize veritabanı entegrasyonu

Adım 8: Next.js veya Nuxt

SSR ve SSG ile SEO dostu, performanslı uygulamalar geliştirin.

Hedefler: Pages/App router, getServerSideProps, getStaticProps, ISR, API routes
Proje: SEO dostu bir blog veya e-ticaret ön yüzü

Adım 9: Docker, CI/CD

Uygulamayı container'lara paketleyin, otomatik test ve deploy süreçleri kurun.

Hedefler: Dockerfile, docker-compose, GitHub Actions, otomatik test
Proje: Mevcut full-stack projenizi Docker ile containerize edin

Adım 10: Deploy (Vercel / VPS)

Projenizi dünyayla paylaşın. Vercel ile basit deploy, VPS ile tam kontrol.

Hedefler: Domain bağlama, SSL, Nginx konfigürasyonu, CI/CD pipeline
Proje: Tüm projelerinizi canlı ortama çıkartın

Toplam Tahmini Süre (Estimated Total Duration)

Yol	Başlangıç Noktası	Hedef	Tahmini Süre
Sıfırdan Full-stack	Hiç bilgi yok	Adım 1-10 tamamlandı	8-12 ay (günlük 2-3 saat)
Frontend'den Full-stack	React/Vue biliyor	Adım 6-10 tamamlandı	3-5 ay (günlük 2-3 saat)
Backend'den Full-stack	Laravel/Node biliyor	Adım 3-5 + 8-10	3-5 ay (günlük 2-3 saat)

Teknoloji Seçiminde Dikkat Edilecekler (Things to Consider When Choosing Technology)

Doğru teknolojiyi seçerken sadece teknik özelliklere değil, aşağıdaki faktörlere de bakın.

Faktör	Açıklama	Örnek
Takım deneyimi	Takımın bildiği teknolojiyi seçmek, öğrenme maliyetini düşürür	Takım PHP biliyorsa Laravel seç
Topluluk & destek	Büyük topluluk, daha fazla kaynak ve hızlı çözüm demektir	React vs Svelte: React topluluğu çok daha büyük
İş imkanı	Kariyer hedefine göre seçim yapmak önemlidir	Türkiye'de: React + Node.js veya Laravel en yaygın
Proje ömrü	Uzun ömürlü projeler için stabil, olgun teknolojiler seçin	Startup MVP vs 10 yıllık enterprise
Performans ihtiyacı	Yüksek trafik bekliyorsanız performans kritik olur	ASP.NET Core ve FastAPI en yüksek RPS
Maliyet	Açık kaynak ve ücretsiz hosting seçenekleri bütçeyi etkiler	PostgreSQL (ücretsiz) vs MSSQL (lisanslı)
Ekosistem uyumu	Teknolojiler birbirleriyle iyi çalışma önemlidir	Next.js + Vercel, Laravel + Forge

Bu dokümantasyondaki tüm kategorilere hızlı erişim.

Backend Rehberleri (Backend Guides)

Rehber	Konu	Bağlantı
Laravel Rehberi	PHP, Eloquent, Blade, API, Auth	Oku
ASP.NET Core Guide	C#, Entity Framework, Identity, SignalR	Oku
Node.js Rehberi	Express, Prisma, JWT, Socket.io	Oku
Python Rehberi	Django, FastAPI, Flask, SQLAlchemy	Oku

Frontend Rehberleri (Frontend Guides)

Rehber	Konu	Bağlantı
JavaScript & TypeScript	ES6+, DOM, async, tip sistemi	Oku
TypeScript Rehberi	Interface, generic, utility types	Oku
React Rehberi	Hooks, state, component, routing	Oku
Next.js Rehberi	SSR, SSG, ISR, App Router	Oku
Vue.js Rehberi	Composition API, Pinia, Vue Router	Oku
Three.js Rehberi	3D grafik, WebGL, animasyon	Oku

Veritabanı Rehberleri (Database Guides)

Rehber	Konu	Bağlantı
Genel Bakış	Karşılaştırma tablosu, ORM, seçim rehberi	Oku
MySQL	CRUD, indeksler, yedekleme, replikasyon	Oku
PostgreSQL	JSONB, window functions, GIS	Oku
SQLite	Dosya bazlı DB, FTS5, WAL modu	Oku
MSSQL	T-SQL, Always On, SSMS	Oku
MongoDB	BSON, aggregation, replica set	Oku

DevOps & Tools Rehberleri (DevOps & Tools Guides)

Rehber	Konu	Bağlantı
Git Notları	Branch, merge, rebase, conflict çözümü	Oku
Docker Rehberi	Dockerfile, compose, volume, network	Oku
Ubuntu Rehberi	Sunucu kurulumu, Nginx, SSL, firewall	Oku
VS Code Rehberi	Extension, kısayollar, debug, terminal	Oku
Terminal Kısayolları	Evrensel kısayollar ve CLI araçları	Oku

Design Rehberleri (Design Guides)

Rehber	Konu	Bağlantı
Genel Bakış	Tasarım araçları karşılaştırması	Oku
Photoshop	Katmanlar, maskeler, filtreler	Oku
Illustrator	Vektör grafik, path, tipografi	Oku
CorelDRAW	Vektör tasarım, sayfa düzeni	Oku
Canva	Hızlı tasarım, şablonlar	Oku
Blender	3D modelleme, render, animasyon	Oku

Mobil Rehberleri (Mobile Guides)

Rehber	Konu	Bağlantı
Genel Bakış	Native vs Cross-Platform, karşılaştırma	Oku
React Native	Expo, bileşenler, navigasyon, state, test	Oku
Flutter	Dart, widget, state management, animasyon	Oku
Mobil Mimari	MVVM, Clean Architecture, offline-first	Oku
Mobil Araçlar	Firebase, bildirimler, CI/CD, paket yönetimi	Oku
Uygulama Yayınlama	Google Play, App Store, ASO, monetization	Oku

Kurulum Rehberleri (Setup Guides)

Rehber	Konu	Bağlantı
Genel Bakış	Kurulum rehberine giriş	Oku
Dil & Framework Kurulumu	PHP, Node.js, Python, .NET, Go	Oku
Veritabanı Kurulumu	MySQL, PostgreSQL, MongoDB, Redis	Oku

Teknoloji Genel Bakış (Technology Overview) ​

Proje Bazlı Stack Önerileri (Project-Based Stack Recommendations) ​

Tablo Nasıl Okunmalı? (How to Read This Table) ​

Frontend Framework Karşılaştırma (Frontend Framework Comparison) ​

Frontend Seçim Karar Ağacı (Frontend Decision Tree) ​

Backend Framework Karşılaştırma (Backend Framework Comparison) ​

Backend Seçim Karar Ağacı (Backend Decision Tree) ​

Veritabanı Karşılaştırma (Database Comparison) ​

Veritabanı Seçim Karar Ağacı (Database Decision Tree) ​

Veritabanı Özellik Detay Tablosu (Database Feature Detail Table) ​

CSS Framework Karşılaştırma (CSS Framework Comparison) ​

CSS Framework Seçim Karar Ağacı (CSS Framework Decision Tree) ​

Hosting / Deployment Karşılaştırma (Hosting / Deployment Comparison) ​

Hosting Seçim Karar Ağacı (Hosting Decision Tree) ​

Hosting Maliyet Karşılaştırma Tablosu (Hosting Cost Comparison) ​

Mobil Framework Karşılaştırma (Mobile Framework Comparison) ​

Mobil Karar Ağacı (Mobile Decision Tree) ​

Karar Ağacı: Projem İçin Hangi Stack? (Decision Tree: Which Stack for My Project?) ​

Öğrenme Yol Haritası (Learning Roadmap) ​

Yol Haritası Tablosu (Roadmap Table) ​

Yol Haritası Karar Ağacı (Roadmap Decision Tree) ​

Adım Detayları (Step Details) ​

Toplam Tahmini Süre (Estimated Total Duration) ​

Teknoloji Seçiminde Dikkat Edilecekler (Things to Consider When Choosing Technology) ​

İlgili Rehberler (Related Guides) ​

Backend Rehberleri (Backend Guides) ​

Frontend Rehberleri (Frontend Guides) ​

Veritabanı Rehberleri (Database Guides) ​

DevOps & Tools Rehberleri (DevOps & Tools Guides) ​

Design Rehberleri (Design Guides) ​

Mobil Rehberleri (Mobile Guides) ​

Kurulum Rehberleri (Setup Guides) ​