Intrati in legatura

Schița de curs

Prezentare generală a Next.js 16 și Arhitectura Avansată

  • Caracteristici și schimbări cheie în Next.js 16.x
  • Arhitectura și principiile de proiectare ale App Router
  • Componente de server vs componente de client
  • Strategii de randare: SSR, SSG, ISR și streaming
  • Convenții și practici recomandate pentru structura proiectului
  • Proiectarea aplicațiilor cu prioritate pe performanță

Rutare și Navigare Avansată

  • Layout-uri imbricate și modele de interfață comună
  • Grupuri de rute pentru organizarea rutelor
  • Rute paralele pentru segmente de rute independente
  • Rute interceptoare și navigare modală
  • Rutare dinamică și segmente catch-all
  • Handler-e de rute pentru puncte finale personalizate
  • Middleware pentru interceptarea cererilor

React Server Components și Funcționalități de Server

  • Analiză aprofundată a modelului React Server Components
  • Preluarea de date pe server
  • Interfață de streaming cu limite Suspense
  • Limite de eroare și gestionarea erorilor
  • Modele de interfață de încărcare
  • Randare parțială și re-randare selectivă

Server Actions și Formulare

  • Arhitectura și capacitățile Server Actions
  • Gestionarea formularelor cu procesare pe server
  • Strategii de validare
  • Actualizări optime ale interfeței
  • Stări în așteptare și feedback al utilizatorului
  • Încărcări de fișiere și îmbunătățire progresivă

Preluare Avansată de Date și Caching

  • Fetch API în Next.js și memoizarea cererilor
  • Fundamentele Data Cache
  • Configurarea Route Cache
  • Router Cache și invalidarea cache-ului
  • Strategii de revalidare: la cerere și bazate pe timp
  • Modele de streaming de date

Autentificare și Autorizare

  • Arhitectura de autentificare în Next.js
  • Modele de gestionare a sesiunilor
  • Fluxuri de autentificare bazate pe JWT
  • Strategii de integrare OAuth
  • Implementarea Role-Based Access Control
  • Protecția rutelor bazată pe middleware

Integrarea Bazelor de Date și ORM

  • Considerații de arhitectură a bazelor de date
  • Integrarea PostgreSQL cu Next.js
  • Configurarea și interogările Prisma ORM
  • Prezentare generală și migrație Drizzle ORM
  • Configurarea pool-ului de conexiuni
  • Strategii de migrare a bazelor de date
  • Modele de repository pentru accesul la date

Dezvoltarea API-urilor

  • Handler-e de rute și convenții pentru rute API
  • Implementarea API-urilor RESTful
  • Validarea cererilor API
  • Gestionarea erorilor și formatarea răspunsurilor
  • Puncte finale pentru încărcarea fișierelor
  • Integrarea și verificarea webhook-urilor
  • Limitarea ratei și securitatea API-urilor

Optimizarea Performanței

  • Analiza și optimizarea pachetului
  • Strategii de împărțire a codului
  • Încărcări dinamice pentru încărcarea la cerere
  • Optimizarea componentelor de imagine
  • Optimizarea fonturilor cu next/font
  • Modele de încărcare leneșă
  • Tehnici de optimizare Core Web Vitals

Testarea Aplicațiilor Next.js

  • Strategii de testare unitară pentru codul de server și client
  • Testarea componentelor cu utilitare de test
  • Testarea de integrare pentru fluxuri complete de date
  • Testare end-to-end cu Playwright sau Cypress
  • Mocking API-uri și servicii
  • Testarea Server Components
  • Testarea Server Actions

Implementare, DevOps și Monitorizare

  • Configurarea build-ului de producție
  • Gestionarea variabilelor de mediu
  • Containerizare Docker pentru Next.js
  • Configurarea pipeline-ului CI/CD
  • Monitorizarea și înregistrarea aplicațiilor
  • Urmărirea și raportarea erorilor
  • Monitorizarea performanței în producție

Modele Avansate și Proiect Capstone

  • Modele de arhitectură a proiectelor pentru scalabilitate
  • Organizarea funcționalităților și limitele modulelor
  • Modele comune de design în aplicațiile Next.js
  • Arhitectura aplicațiilor multi-tenant
  • Prezentare a proiectului capstone
  • Recapitulare curs și sesiune de întrebări și răspunsuri

Cerințe

  • Cunoștințe intermediare de React (componente, hooks, gestionarea stării)
  • Familiaritate cu Node.js și JavaScript (ES6+)
  • Înțelegere a conceptelor HTTP/REST și API-urilor web

Publicul țintă

  • Dezvoltatori full-stack care avansează către Next.js 16 pentru aplicații de producție
  • Dezvoltatori React care migrează de la versiuni anterioare de Next.js sau creează aplicații pentru medii critice de performanță
  • Dezvoltatori backend care adoptă React Server Components pentru arhitectura aplicațiilor full-stack
 21 Ore

Numărul de participanți


Pret per participant

Cursuri viitoare

Categorii înrudite