Intrati in legatura

Schița de curs

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

  • Caracteristici cheie și modificări în Next.js 16.x
  • Arhitectura App Router și principii de proiectare
  • Componente Server vs Componente Client
  • Strategii de randare: SSR, SSG, ISR și streaming
  • Convenții și bune practici pentru structura proiectelor
  • Proiectarea aplicațiilor cu accent 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 de interceptare și navigare modală
  • Rutare dinamică și segmente catch-all
  • Handler-e de rute pentru puncte finale personalizate
  • Middleware pentru interceptarea cererilor

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

  • Explorare profundă a modelului React Server Components
  • Preluarea datelor pe server
  • Streaming UI cu limite Suspense
  • Limite de eroare și gestionarea erorilor
  • Modele de interfață de încărcare
  • Randare parțială și re-randare selectivă

Acțiuni Server și Formulare

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

Preluarea Avansată a Datelor ș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 a datelor

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 Controlului Accesului Bazat pe Roluri
  • 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 divizare a codului
  • Încărcare la cerere cu importuri dinamice
  • Optimizarea componentelor de imagine
  • Optimizarea fonturilor cu next/font
  • Modele de încărcare leneșă
  • Tehnici de optimizare a Core Web Vitals

Testarea Aplicațiilor Next.js

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

Deployment, 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 logarea aplicațiilor
  • Urmărirea și raportarea erorilor
  • Monitorizarea performanței în producție

Modele Avansate și Proiect Final

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

Cerințe

  • Cunoștințe intermediare de React (componente, hook-uri, 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 trec la 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