Next.js 16 Zaawansowany Rozwój - Plan Szkolenia

Przegląd Next.js 16 i zaawansowana architektura

• Kluczowe funkcje i zmiany w Next.js 16.x
• Architektura App Router i zasady projektowania
• Server Components vs Client Components
• Strategie renderowania: SSR, SSG, ISR i strumieniowanie
• Konwencje i najlepsze praktyki dotyczące struktury projektu
• Projektowanie aplikacji zorientowane na wydajność

Zaawansowane routowanie i nawigacja

• Zagnieżdżone układy i wspólne wzorce interfejsu użytkownika
• Grupy tras dla uporządkowanego routingu
• Równoległe trasy dla niezależnych segmentów tras
• Przechwytywanie tras i nawigacja modalna
• Dynamiczne routowanie i segmenty catch-all
• Obsługa tras dla niestandardowych punktów końcowych
• Middleware do przechwytywania żądań

React Server Components i funkcje serwerowe

• Głębokie zanurzenie w modelu React Server Components
• Pobieranie danych na serwerze
• Strumieniowanie interfejsu użytkownika z granicami Suspense
• Granice błędów i obsługa błędów
• Wzorce interfejsu ładowania
• Częściowe renderowanie i selektywne ponowne renderowanie

Server Actions i formularze

• Architektura i możliwości Server Actions
• Obsługa formularzy z przetwarzaniem po stronie serwera
• Strategie walidacji
• Optymistyczne aktualizacje interfejsu użytkownika
• Stany oczekiwania i informacje zwrotne dla użytkownika
• Przesyłanie plików i progresywne ulepszanie

Zaawansowane pobieranie danych i buforowanie

• Fetch API w Next.js i memoizacja żądań
• Podstawy Data Cache
• Konfiguracja Route Cache
• Router Cache i unieważnianie pamięci podręcznej
• Strategie rewalidacji: na żądanie i czasowe
• Wzorce strumieniowania danych

Uwierzytelnianie i autoryzacja

• Architektura uwierzytelniania w Next.js
• Wzorce zarządzania sesjami
• Przepływy uwierzytelniania oparte na JWT
• Strategie integracji OAuth
• Implementacja Role-Based Access Control
• Ochrona tras za pomocą middleware

Integracja z bazą danych i ORM

• Rozważenia dotyczące architektury bazy danych
• Integracja PostgreSQL z Next.js
• Konfiguracja i zapytania Prisma ORM
• Przegląd Drizzle ORM i migracja
• Konfiguracja puli połączeń
• Strategie migracji bazy danych
• Wzorce repozytorium dla dostępu do danych

Rozwój API

• Obsługa tras i konwencje dotyczące tras API
• Implementacja RESTful API
• Walidacja żądań API
• Obsługa błędów i formatowanie odpowiedzi
• Punkty końcowe przesyłania plików
• Integracja i weryfikacja webhooków
• Ograniczanie szybkości i bezpieczeństwo API

Optymalizacja wydajności

• Analiza i optymalizacja pakietów
• Strategie podziału kodu
• Dynamiczne importy dla ładowania na żądanie
• Optymalizacja komponentu obrazu
• Optymalizacja czcionek z next/font
• Wzorce leniwego ładowania
• Techniki optymalizacji Core Web Vitals

Testowanie aplikacji Next.js

• Strategie testowania jednostkowego dla kodu serwerowego i klienckiego
• Testowanie komponentów za pomocą narzędzi testowych
• Testowanie integracyjne dla pełnych przepływów danych
• Testowanie end-to-end z Playwright lub Cypress
• Mockowanie API i usług
• Testowanie Server Components
• Testowanie Server Actions

Wdrażanie, DevOps i monitorowanie

• Konfiguracja produkcji
• Zarządzanie zmiennymi środowiskowymi
• Konteneryzacja Next.js za pomocą Dockera
• Konfiguracja potoku CI/CD
• Monitorowanie i logowanie aplikacji
• Śledzenie i raportowanie błędów
• Monitorowanie wydajności w produkcji

Zaawansowane wzorce i projekt końcowy

• Wzorce architektury projektu dla skalowalności
• Organizacja funkcji i granice modułów
• Typowe wzorce projektowe w aplikacjach Next.js
• Architektura aplikacji wielodostępnych
• Przegląd projektu końcowego
• Podsumowanie kursu i sesja Q&A