Öğrenme & Rehber Kaynakları

Yazılım Yol Haritaları & Kaynaklar

Frontend, Backend, DevOps yol haritaları ve hazır referans dökümanları.

Yol Haritaları & Belgeler

3 Yol Haritası
ÖnerilenBaşlangıç → İleri

2026 Modern Frontend Yol Haritası

React 19, Next.js 16, TypeScript 5+, Tailwind CSS v4, Web Vitals ve Micro-frontends.

React 19Next.js App RouterTailwind CSS v4TypeScriptZustand & TanStack QueryWeb Vitals
PopülerOrta → İleri

Fullstack & Cloud Mimarisi

Node.js, PostgreSQL, Docker, Redis, Serverless mimari ve CI/CD pipeline kurulumu.

Node.js / BunPostgreSQL & PrismaDocker & ComposeRedis CachingAWS / VercelCI/CD
TrendOrta Seviye

Yapay Zeka & LLM Entegrasyonu

LangChain, Vercel AI SDK, OpenAI/Claude API entegrasyonları ve Vector Veritabanları.

Vercel AI SDKRAG SistemleriVector DBEmbeddingsFunction CallingPrompt Engineering

Kod Hile Sayfaları (Cheatsheets)

4 Kod Şablonu

TypeScript İleri Seviye Tip Hileleri

.ts

Generics, conditional types, mapped types ve type guards için pratik kod şablonları.

// 1. Deep Readonly
type DeepReadonly<T> = {
  readonly [P in keyof T]: T[P] extends object ? DeepReadonly<T[P]> : T[P];
};

// 2. Prettify Type Helper (İç içe tipleri düzleştiren IDE yardımcısı)
type Prettify<T> = {
  [K in keyof T]: T[K];
} & {};

// 3. Nullable ve Undefined alanları temizleme
type NonNullableFields<T> = {
  [P in keyof T]: NonNullable<T[P]>;
};

// 4. Dinamik Event Adı Üretici (Template Literals)
type EventName = `on${'Click' | 'Hover' | 'Focus' | 'Blur'}`;

// 5. Fonksiyon Parametre Tipini Çıkarma
type ExtractParams<T> = T extends (...args: infer P) => any ? P : never;

Git Süper Güçleri & Hızlı Komutlar

.sh

Rebase, cherry-pick, stash, kurtarma ve hızlı commit komutları.

#!/bin/bash
# 1. Son commit mesajını değiştirmeden düzenle
git commit --amend --no-edit

# 2. Son 3 commiti interaktif birleştir (squash)
git rebase -i HEAD~3

# 3. Geçici değişiklikleri sakla ve geri yükle
git stash push -m "Gecici yedek"
git stash pop

# 4. Yanlışlıkla silinen commit veya dalı bul ve kurtar
git reflog
git checkout -b kurtarilan-dal HEAD@{2}

# 5. Uzak daldaki değişiklikleri temiz senkronize et
git fetch origin && git reset --hard origin/main

Docker & Container Komut Rehberi

.sh

Geliştirme konteynerlerini optimize etme, temizleme ve multi-stage build komutları.

#!/bin/bash
# 1. Arka planda build alıp servisleri ayağa kaldır
docker compose up --build -d

# 2. Kullanılmayan tüm konteyner, image ve volumeları temizle
docker system prune -a --volumes -f

# 3. Çalışan konteynerin içine terminalle gir
docker exec -it <container_name_or_id> /bin/sh

# 4. Canlı logları takip et (Tail logs)
docker logs -f --tail 100 <container_name_or_id>

# 5. Konteyner kaynak kullanımını canlı izle
docker stats

Next.js 16 & Server Actions Şablonu

.ts

Server action oluşturma, revalidateTag ve useActionState yönetimi.

"use server";

import { revalidatePath, revalidateTag } from "next/cache";

export async function createPostAction(prevState: any, formData: FormData) {
  const title = formData.get("title") as string;
  const content = formData.get("content") as string;

  if (!title || title.length < 3) {
    return { success: false, error: "Başlık en az 3 karakter olmalıdır." };
  }

  // Veritabanı işlemi
  // await db.post.create({ data: { title, content } });

  revalidatePath("/blog");
  revalidateTag("posts-feed", "layout");

  return { success: true, message: "Gönderi başarıyla oluşturuldu!" };
}

Önerilen Geliştirici Kütüphaneleri

6 Kütüphane