Pokročilý vývoj v Next.js 16 Počítačový Kurz

Přehled a pokročilá architektura Next.js 16

• Klíčové funkce a změny v Next.js 16.x
• Architektura a principy designu App Routeru
• React Server Components vs. Client Components
• Strategie vykreslování: SSR, SSG, ISR a streaming
• Konvence struktury projektu a nejlepší postupy
• Architektura aplikací zaměřená na výkon

Pokročilá navigace a routing

• Vnořené layouty a sdílené vzory uživatelského rozhraní
• Skupiny tras pro organizovaný routing
• Paralelní trasy pro nezávislé segmenty tras
• Zachycovací trasy (intercepting routes) a navigace v modalních oknech
• Dynamický routing a segmenty se zachycením všech hodnot (catch-all)
• Obslužné rutiny tras pro vlastní endpointy
• Middleware pro zachycování požadavků

React Server Components a serverové funkce

• Hlubší pohled do modelu React Server Components
• Načítání dat na serveru
• Streaming uživatelského rozhraní s hranicemi Suspense
• Hranice chyb a zpracování chyb
• Vzory pro zobrazovací stavy (Loading UI)
• Částečné vykreslování a selektivní re-vykreslování

Server Actions a formuláře

• Architektura a možnosti Server Actions
• Zpracování formulářů s obsluhou na straně serveru
• Strategie validace
• Optimistické aktualizace uživatelského rozhraní
• Pending stavy a zpětná vazba pro uživatele
• Nahrávání souborů a postupné vylepšování (progressive enhancement)

Pokročilé načítání dat a ukládání do mezipaměti

• API fetch v Next.js a memoizace požadavků
• Základy Data Cache
• Konfigurace Route Cache
• Router Cache a invalidace mezipaměti
• Strategie revalidace: podle potřeby (on-demand) a časově vázané
• Vzory streamování dat

Autentizace a autorizace

• Architektura autentizace v Next.js
• Vzory správy session
• Algoritmy autentizace založené na JWT
• Strategie integrace OAuth
• Implementace řízení přístupu podle rolí (RBAC)
• Ochrana tras pomocí middleware

Integrace databází a ORM<"p>

• Zvažování architektury databází
• Integrace PostgreSQL s Next.js
• Nastavení Prisma ORM a dotazy
• Přehled Drizzle ORM a migrace
• Konfigurace poolu připojení
• Strategie migrací databází
• Vzory repository pro přístup k datům

Vývoj API

• Obslužné rutiny tras (Route Handlers) a konvence API tras
• Implementace RESTful API
• Validace požadavků na API
• Zpracování chyb a formátování odpovědí
• Endpointy pro nahrávání souborů
• Integrace a ověřování webhooků
• Omezování rychlosti (rate limiting) a bezpečnost API

Optimalizace výkonu

• Analýza a optimalizace balíčků
• Strategie dělení kódu (code splitting)
• Dynamické importy pro načítání podle potřeby
• Optimalizace komponenty obrázků
• Optimalizace fontů s next/font
• Vzory lenivého načítání (lazy loading)
• Techniky optimalizace Core Web Vitals

Testování aplikací Next.js

• Strategie jednotkového testování kódu na straně serveru i klienta
• Testování komponent pomocí testovacích utilit
• Integrační testování plných datových toků
• 端到端 (E2E) testování s nástroji Playwright nebo Cypress
• Mockování API a služeb
• Testování React Server Components
• Testování Server Actions

Nasazení, DevOps a monitoring

• Konfigurace produkčních buildů
• Správa proměnných prostředí
• Kontejnerizace Next.js s Dockerem
• Nastavení CI/CD pipeline
• Monitorování a protokolování aplikací
• Sledování a reportování chyb
• Monitorování výkonu v produkčním prostředí

Pokročilé vzory a závěrečný projekt

• Vzory architektury projektu pro škálovatelnost
• Organizace funkcí a hranice modulů
• Společné návrhové vzory v aplikacích Next.js
• Architektura víceuživatelských aplikací
• Přehled závěrečného projektu
• Závěr kurzu a diskuse (Q&A)