Production-Ready Next.js — Sıfırdan Modern SaaS
ProNext.js 16 + TypeScript + Drizzle + Better Auth + Lemon Squeezy ile yayında çalışan, ödeme alan, gerçek bir SaaS'ı sıfırdan inşa et. App Router pattern'leri, üretim seviyesi auth, type-safe DB, server actions, performans ve deploy — hepsi gerçek dünya senaryolarından.
Bu eğitim, Next.js'in temellerini bilen ama "kuruluştan deploy'a" gerçek bir uygulamayı nasıl yayına alacağını öğrenmek isteyen geliştiriciler için tasarlandı. Free seviye Next.js / React tutorial'larından farklı olarak üretim seviyesi pattern'lere odaklanır — kod pattern'leri kadar deploy, güvenlik, ölçeklenme ve para akışı da konuşulur.
Eğitim sonunda çalışan, gerçekten ödeme alan bir SaaS'ın olur: abonelik akışı, webhook'lar, transactional email, monitoring, performans optimizasyonu — hepsi yayında.
Bu eğitimde neler öğreneceksin?
- Modern Next.js stack: App Router + RSC + Server Actions + Tailwind v4
- Type-safe database: Drizzle + Postgres, schema design, migration discipline, N+1 önleme, index stratejileri
- Production-grade authentication: Better Auth ile GitHub OAuth, magic link, cross-subdomain SSO, role-based access
- Server Actions + Forms: Zod validation, optimistic updates, error handling, toast feedback
- Transactional email: Resend, React Email template'leri, deliverability
- Payments + subscriptions: Lemon Squeezy ile checkout + webhook + customer portal, idempotent event handling, Pro feature gate
- Deploy: VPS + Dokploy ile sıfır-vendor-lock-in deployment, otomatik migrations, Sentry monitoring
- Performance + SEO: Core Web Vitals, RSC streaming, bundle analysis, caching, dinamik OG, RSS
Bu eğitim kimler için?
- Next.js'in temellerini bilen, "next dev" ile sayfa render edebilen
- React component yazabilen, hook'ları (useState/useEffect) anlayan
- TypeScript'i en az "any kullanmadan kullanır" seviyede bilen
- Sadece tutorial bitirip portfolio'ya koymak değil, gerçek prod kararlarını öğrenmek isteyen
Önkoşullar
JavaScript ve React temellerini bilmiyorsan önce free seviye eğitimleri tamamlamanı öneririm. Bu eğitim "kullanmayı bilenden production yapmaya geçiş" üzerine.
Format
Şimdilik MDX-only — uzun metin + bol kod örneği + gerçek üretim senaryoları. Her bölümün sonunda video desteği eklenecek (kayıt süreçtedir).
Hadi başlayalım.
Bu eğitimde
- 01
Modern stack kurulumu — Next.js 16, TypeScript, Tailwind v4
ÖnizlemeNext.js 16 App Router, TypeScript, Tailwind v4 ve shadcn/ui ile production-ready bir proje iskelesini kurarız. Folder structure, env discipline ve code style discipline gibi "ileride pişman olmayacağın" kararları başta veririz.
7 dk - 02
Database — Drizzle + Postgres ile type-safe şema
Drizzle ORM ile schema design, migration disiplini, index stratejileri ve N+1 önleme. Junior'ın genelde "neden böyle yapmadım" dediği prod kararları baştan veriyoruz.
8 dk - 03
Auth — Better Auth ile gerçek dünya kimlik doğrulama
Better Auth ile GitHub OAuth, magic link, session yönetimi, cross-subdomain SSO ve role-based access. NextAuth/Auth.js neden değil, Better Auth nasıl daha iyi çalışıyor.
8 dk - 04
Server Actions + Forms — Zod, optimistic updates, error handling
"use server" pattern'leri, Zod ile schema validation, useOptimistic ile anlık feedback, useTransition ile loading state, sonner ile toast — Next.js 16'nın "wow" momentini production'a taşıma.
7 dk - 05
Email — Resend + React Email ile transactional mesajlar
Resend kurulumu, domain doğrulama, React Email template'leri, magic link + welcome + receipt akışları, deliverability ve bounce/abuse takibi.
7 dk - 06
Payments — Lemon Squeezy ile abonelik + webhook
Lemon Squeezy (Merchant of Record) ile checkout akışı, webhook handler (HMAC verify + idempotent), /billing sayfası ve Pro feature gate pattern'leri. Stripe'ı geçtik, neden Lemon Squeezy.
10 dk - 07
Deploy — VPS + Dokploy ile sıfır vendor lock-in
Vercel'in kolaylığı + VPS'nin kontrolü — Dokploy ile self-hosted deployment, Docker, otomatik migrations, domain bağlama, Sentry monitoring.
9 dk - 08
Performance + SEO — Core Web Vitals, RSC streaming, caching
LCP/CLS/INP optimizasyonu, RSC streaming + Suspense pattern, bundle analysis, caching stratejisi (revalidate/dynamic), sitemap + RSS + dinamik OG ile SEO discipline.
9 dk
Sor, birlikte çözelim.
community.czay.dev — Türkçe yazılım topluluğumuzda eğitimde takıldığın konuları sorabilir, başka geliştiricilerin deneyimlerinden faydalanabilirsin. Hızlı cevap, doğru yer.