Napredna razvoja u Next.js 16 Kurs za obuku

Pregled Next.js 16 i napredna arhitektura

• Ključne funkcije i izmene u Next.js 16.x
• Arhitektura App Routera i principi dizajna
• Server komponente vs. klijentske komponente
• Strategije renderovanja: SSR, SSG, ISR i streaming
• Konvencije i najbolje prakse strukture projekta
• Dizajn aplikacija usmeren na performanse

Napredno usmeravanje i navigacija

• Ugnježđene raspoleže i obrasce zajedničkog UI-ja
• Grupe ruta za organizovano usmeravanje
• Paralelne rute za nezavisne segmente ruta
• Prepoznate rute i navigacija kroz modale
• Dinamičko usmeravanje i catch-all segmenti
• Route handleri za prilagođene endpointe
• Middleware za preuzimanje zahteva

React Server Komponente i server funkcije

• Dubinska analiza modela React Server Komponenti
• Preuzimanje podataka na serveru
• Streaming UI-ja uz Suspense granice
• Granice grešaka i rukovanje greškama
• Obrazeći za UI pri učitavanju
• Delimično renderovanje i selektivno ponovno renderovanje

Server Akcije i obrazci

• Arhitektura i mogućnosti Server Akcija
• Obrada obrazaka sa server strane
• Strategije validacije
• Optimistički UI ažuriranja
• Stanja čeka i povratna informacija korisnicima
• Postavljanje fajlova i postepena poboljšanja

Napredno preuzimanje podataka i keširanje

• Fetch API u Next.js-u i memoizacija zahteva
• Osnove Data Cache
• Konfiguracija Route Cache
• Router Cache i poništavanje keša
• Strategije reverifikacije: po zahtevu i vremenske
• Obrazeći za streaming podataka

Autentifikacija i autorizacija

• Arhitektura autentifikacije u Next.js-u
• Obrazeći za upravljanje sesijama
• Autentifikacioni tokovi zasnovani na JWT-u
• Strategije integracije OAuth
• Implementacija kontrole pristupa na osnovi uloga (RBAC)
• Zaštita ruta zasnovana na middleware-u

Integracija baze podataka i ORM

• Razmatranja arhitekture baze podataka
• Integracija PostgreSQL-a sa Next.js-om
• Postavljanje i upiti Prisma ORM-a
• Pregled i migracija Drizzle ORM-a
• Konfiguracija kolektivanja veza (connection pooling)
• Strategija migracije baze podataka
• Šabloni repozitorijuma za pristup podacima

Razvoj API-ja

• Route handleri i konvencije API ruta
• Implementacija RESTful API-ja
• Validacija API zahteva
• Rukovanje greškama i formatiranje odgovora
• Endpointi za postavljanje fajlova
• Integracija i verifikacija webhookova
• Ograničavanje brzine (rate limiting) i bezbednost API-ja

Optimizacija performansi

• Analiza i optimizacija bundla
• Strategije deljenja koda (code splitting)
• Dinamički uvozi za učitavanje po zahtevu
• Optimizacija komponente za slike
• Optimizacija fontova uz next/font
• Obrazeći za lenje učitavanje (lazy loading)
• Tehnikama optimizacije Core Web Vitals

Testiranje Next.js aplikacija

• Strategije unit testiranja za server i klijent kod
• Testiranje komponenti uz testne alate
• Integraciono testiranje za kompletni tok podataka
• End-to-end testiranje uz Playwright ili Cypress
• Mockovanje API-ja i servisa
• Testiranje Server Komponenti
• Testiranje Server Akcija

Implementacija, DevOps i praćenje

• Konfiguracija produkcijske izgradnje
• Upravljanje promenljivima okruženja
• Docker kontejnerizacija za Next.js
• Postavljanje CI/CD pipeline-a
• Praćenje aplikacije i beleženje (logging)
• Praćenje i prijavljivanje grešaka
• Praćenje performansi u produkciji

Napredni obrazci i završni projekat

• Arhitektonski obrasci projekta za skalabilnost
• Organizacija funkcija i granice modula
• Uobičajeni dizajn obrasci u Next.js aplikacijama
• Multi-tenant arhitektura aplikacija
• Obilazak završnog projekta
• Pregled kursa i sesija pitanja i odgovora