Orta10 hafta10 bölüm · 50 ders · 10 ödev
Next.js ile Fullstack
Next.js'i sihirli kurallar yığını olarak değil, sunucu ve istemci arasındaki sınırı anlayarak öğreten program. App Router, Server/Client Component ayrımı, veri çekme ve önbellek, Server Actions, kimlik doğrulama, Postgres ile veri katmanı, performans, SEO ve yayın. Sonunda uçtan uca bir SaaS uygulaması.
Verilen süreler tahminidir; kurumunuzun saat planlamasına göre revize edilir.
Kime uygun
- · React biliyor, tam bir uygulamayı tek çatıda kurmak isteyenler
- · Tek kişilik ürünler ve küçük ekipler için fullstack yol arayanlar
Ön koşullar
- · React (bileşen, durum, etki) ve TypeScript temelleri
- · SQL Temelleri önerilir
Müfredat
Next.js neyi çözer, neyi çözmez28 dk
Proje yapısı ve dosya tabanlı yönlendirme26 dk
Layout, sayfa ve iç içe yönlendirme30 dk
Sürümler arası değişiklikleri takip etmek24 dk
Bölüm ödevi: Çok sayfalı site iskeleti40 dk
Çok sayfalı site iskeletiödev
Next.js — Belgelerbağlantı
Next.js — App Routerbağlantı
Next.js — Sürüm Notlarıbağlantı
Server Component: sunucuda render28 dk
Client Component ve 'use client' sınırı26 dk
Bileşenleri birleştirmek30 dk
Hidrasyon ve yaygın hatalar28 dk
Bölüm ödevi: Sınırı doğru çizilmiş bir pano sayfası45 dk
Sınırı doğru çizilmiş bir pano sayfasıödev
React — Server Componentsbağlantı
Next.js — Server ve Client Component'lerbağlantı
Next.js — Hidrasyon Hatalarıbağlantı
Sunucuda veri çekme26 dk
Önbellek katmanları30 dk
Yeniden doğrulama ve etiketler24 dk
Statik mi dinamik mi: render stratejileri28 dk
Bölüm ödevi: Önbellek stratejisi seçilmiş bir ürün listesi50 dk
Önbellek stratejisi seçilmiş bir ürün listesiödev
Next.js — Veri Çekmebağlantı
Next.js — Önbelleklemebağlantı
Next.js — Yeniden Doğrulamabağlantı
Server Actions ile mutasyon26 dk
Form doğrulama (Zod)30 dk
Optimistik arayüz ve bekleme durumu28 dk
Hata ve başarı geri bildirimi26 dk
Bölüm ödevi: Doğrulamalı iletişim ve kayıt formu40 dk
Doğrulamalı iletişim ve kayıt formuödev
Next.js — Server Actionsbağlantı
React — useActionStatebağlantı
Zod — Belgelerbağlantı
Route Handler ile API uç noktaları30 dk
Server Action mı, API mi24 dk
Webhook'lar ve harici entegrasyon28 dk
Hata yönetimi ve loglama26 dk
Bölüm ödevi: Webhook alan ve doğrulayan uç nokta45 dk
Webhook alan ve doğrulayan uç noktaödev
Next.js — Route Handler'larbağlantı
Next.js — Hata Yönetimibağlantı
OWASP — API Güvenliği İlk 10bağlantı
ORM seçimi ve şema30 dk
Migration ve tohum veri28 dk
Sunucusuz ortamda bağlantı yönetimi26 dk
Sorgu performansı30 dk
Bölüm ödevi: Postgres'e bağlı ürün yönetimi50 dk
Postgres'e bağlı ürün yönetimiödev
Drizzle ORM — Belgelerbağlantı
Prisma — Belgelerbağlantı
PostgreSQL — Belgelerbağlantı
Oturum ve çerez modeli24 dk
Auth kütüphaneleri ve OAuth28 dk
Sayfa, action ve veri düzeyinde yetki26 dk
Ara katman (proxy/middleware) ile koruma30 dk
Bölüm ödevi: Giriş, kayıt ve rol bazlı sayfalar40 dk
Giriş, kayıt ve rol bazlı sayfalarödev
Next.js — Kimlik Doğrulamabağlantı
OWASP — Oturum Yönetimibağlantı
Auth.js — Belgelerbağlantı
Core Web Vitals ve ölçüm28 dk
next/image ve next/font26 dk
Kod bölme ve dinamik içe aktarma30 dk
Akış (streaming) ve Suspense24 dk
Bölüm ödevi: Lighthouse puanını iyileştirmek45 dk
Lighthouse puanını iyileştirmeködev
web.dev — Core Web Vitalsbağlantı
Next.js — Görsel Optimizasyonubağlantı
Next.js — Yükleme Arayüzü ve Akışbağlantı
Metadata API ve Open Graph28 dk
Sitemap, robots ve yapılandırılmış veri26 dk
i18n yönlendirme (next-intl)30 dk
Erişilebilirlik denetimi28 dk
Bölüm ödevi: İki dilli ve SEO uyumlu sayfalar50 dk
İki dilli ve SEO uyumlu sayfalarödev
Next.js — Metadatabağlantı
next-intl — Belgelerbağlantı
WAI-ARIA Authoring Practicesbağlantı
Bileşen ve e2e test (Playwright)26 dk
Ortam değişkenleri ve gizli anahtarlar30 dk
Vercel ve Docker ile yayın24 dk
Buradan sonra nereye28 dk
Bitirme projesi: Uçtan uca SaaS uygulaması: kimlik doğrulama, Postgres, formlar ve yayın60 dk
Uçtan uca SaaS uygulaması: kimlik doğrulama, Postgres, formlar ve yayınödev
Playwright — Belgelerbağlantı
Next.js — Dağıtımbağlantı
Next.js — Belgelerbağlantı
DersÖdevKaynak
Bu programı kurumunuzun kendi sınıfında, müfredat, ders ve değerlendirme dahil yürütüyorum.
Kurumunuza getirin