Свържете се с нас

Съдържание и теми, включени в курса

Преглед на Next.js 16 и напреднала архитектура

  • Ключови функции и промени в Next.js 16.x
  • Архитектура и принципи на дизайна на App Router
  • Сървърни компоненти срещу клиентски компоненти
  • Стратегии за рендиране: SSR, SSG, ISR и стрийминг
  • Конвенции за структура на проекта и най-добри практики
  • Дизайн на приложения с фокус върху производителността

Напреднало маршрутизиране и навигация

  • Вложени оформления и модели за споделен потребителски интерфейс
  • Групи маршрути за организирано маршрутизиране
  • Паралелни маршрути за независими сегменти на маршрута
  • Прихващащи маршрути и модална навигация
  • Динамично маршрутизиране и сегменти "catch-all"
  • Обработчици на маршрути за персонализирани крайни точки
  • Междинен софтуер за прихващане на заявки

React Server Components и сървърни функции

  • Задълбочено разглеждане на модела на React Server Components
  • Извличане на данни на сървъра
  • Стрийминг на потребителския интерфейс с граници на Suspense
  • Граници на грешки и обработка на грешки
  • Модели на потребителския интерфейс при зареждане
  • Частично рендиране и селективно повторно рендиране

Server Actions и формуляри

  • Архитектура и възможности на Server Actions
  • Обработка на формуляри със сървърна обработка
  • Стратегии за валидация
  • Оптимистични актуализации на потребителския интерфейс
  • Състояния на изчакване и обратна връзка с потребителя
  • Качване на файлове и прогресивно подобрение

Напреднало извличане на данни и кеширане

  • Fetch API в Next.js и мемоизация на заявки
  • Основи на Data Cache
  • Конфигурация на Route Cache
  • Router Cache и анулиране на кеша
  • Стратегии за повторно валидиране: при поискване и базирано на време
  • Модели за стрийминг на данни

Удостоверяване и оторизация

  • Архитектура за удостоверяване в Next.js
  • Модели за управление на сесии
  • Потоци за удостоверяване, базирани на JWT
  • Стратегии за интеграция с OAuth
  • Внедряване на контрол на достъпа, базиран на роли
  • Защита на маршрути, базирана на междинен софтуер

Интеграция с бази данни и ORM

  • Съображения за архитектура на бази данни
  • Интеграция на PostgreSQL с Next.js
  • Настройка и заявки с Prisma ORM
  • Преглед на Drizzle ORM и миграция
  • Конфигурация на пул от връзки
  • Стратегия за миграции на бази данни
  • Модели на хранилище за достъп до данни

Разработка на API

  • Обработчици на маршрути и конвенции за API маршрути
  • Внедряване на RESTful API
  • Валидация на API заявки
  • Обработка на грешки и форматиране на отговорите
  • Крайни точки за качване на файлове
  • Интеграция и верификация на уебкуки
  • Ограничаване на скоростта и API сигурност

Оптимизация на производителността

  • Анализ и оптимизация на пакети
  • Стратегии за разделяне на кода
  • Динамични импорти за зареждане при поискване
  • Оптимизация на компонента за изображения
  • Оптимизация на шрифтове с next/font
  • Модели за мързеливо зареждане
  • Техники за оптимизация на Core Web Vitals

Тестване на Next.js приложения

  • Стратегии за модулно тестване на сървърен и клиентски код
  • Тестване на компоненти с тестови помощни средства
  • Интеграционно тестване за пълни потоци от данни
  • Тестване от край до край с Playwright или Cypress
  • Създаване на мокове на API и услуги
  • Тестване на сървърни компоненти
  • Тестване на Server Actions

Внедряване, DevOps и мониторинг

  • Конфигурация на производствена компилация
  • Управление на променливи на средата
  • Контейнеризация с Docker за Next.js
  • Настройка на CI/CD pipeline
  • Мониторинг и логване на приложения
  • Проследяване и докладване на грешки
  • Мониторинг на производителността в производствена среда

Напреднали модели и заключителен проект

  • Модели на архитектура на проекти за мащабируемост
  • Организация на функционалности и граници на модулите
  • Често срещани дизайнерски модели в Next.js приложения
  • Мулти-наемателна архитектура на приложения
  • Преглед на заключителния проект
  • Преглед на курса и сесия за въпроси и отговори

Изисквания

  • Средно ниво на познания по React (компоненти, хукове, управление на състоянието)
  • Запознатост с Node.js и JavaScript (ES6+)
  • Разбиране на HTTP/REST концепции и уеб API-та

Аудитория

  • Full-stack разработчици, които преминават към Next.js 16 за производствени приложения
  • React разработчици, мигриращи от предишни версии на Next.js или създаващи приложения за среди с критична производителност
  • Back-end разработчици, възприемащи React Server Components за full-stack архитектура на приложения
 21 Часа

Брой участници


Цена за участник

Предстоящи Курсове

Свързани Kатегории