phone_picture

Цель курса

Освоить Next.js – самый популярный фреймворк в экосистеме React, одной из главных фишек которого является простой и приятный Server Side Rendering.

В данной программе мы изучаем Next.js с позиции чистого frontend-разработчика. Соответственно, backend API будет внешним, а такие темы как server actions, подключение ORM и т.п. будут проигнорированы. Их изучаем в отдельном курсе.

Программа курса

Урок 1

  • Знакомство с Next.js, нюансы установки
  • Структура проекта и основные части системы
  • Простой роутинг, страницы и компоненты
  • Классический Pages Router
  • Современный App Router
  • Влияние роутера на структуру директорий

Урок 2

  • Понимание SSR в Next.js
  • Серверные и клиентские компоненты
  • Взаимодействие с серверным API
  • Создание и типизация обёрток для fetch
  • Реализация паттерна репозиторий
  • Dependency injection в Next.js

Урок 3

  • Layouts и templates
  • Продвинутые возможности роутинга
  • Способы обработки ошибок
  • Запросы к api из клиентских компонентов
  • Работа с формами

Урок 4

  • Работа с глобальными данными
  • Простой Context vs stores
  • Работа со стилями
  • CSS in JS и модульный CSS
  • Критерии выбора UI-библиотек для SSR

Урок 5

  • Работа с пользователями и авторизацией
  • Создание закрытых маршрутов
  • User Context и вспомогательные компоненты
  • Авторизация при использовании стороннего API
  • Роль серверной стороны Next.js в нашем SPA

Урок 6

  • Практика в рамках изученного материала
  • Разработка клиентской и админской части
  • User State и корректная гидратация SPA
  • Идеи по тестированию с vitest
  • Реализация простых тестов

Урок 7

  • Режимы генерации контента
  • SSG, SSR, ISR
  • SSR и фокусы UI-библиотек
  • Работа с SEO-тегами
  • Оптимизация скорости работы системы

Урок 8

  • Доработка проекта
  • Развёртывание на VDS
  • Node.js и pm2
  • Настройка Nginx reverse proxy
  • Подведение итогов

Преподаватель курса

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

Видеозаписи всех уроков

В хорошем качестве с возможностью скачать видео. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Материалы и исходники

Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Доступ в закрытую группу

Во время прохождения курса и после его завершения участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Обзор курса

Для прохождения данного курса необходимы начальные знания в React!

Если вы сомневаетесь, нужен ли Next.js

посмотрите видео, расположенное рядом

В нём сделан обзор основных идей курса, а также реализован пример простейшей странички с SSR на Next.js.

Запись на курс

Доступно в формате видеозаписей

со свежего потока (август 2026)

21 000 руб. 10 500 руб.

Хотите цену ещё лучше?
Осенние старты!
 
Способы оплаты

Часто задаваемые вопросы

Какой начальный уровень знаний необходим

Уверенная работа с React ( router, store, создание своих хуков и т.п. ), а также понимание базовых идей Server Side Rendering.

Обязательно ли прохождение React / React Level 2

Если вы уверенно применяете технологии, перечисленные в предыдущем пункте, можете участвовать без прохождения курсов по React.

Пишем на TypeScript или чистом JS

TypeScript будет, но не сложнее, чем на курсе React Level 2. Для минимального понимания будет предоставлен двухчасовой видеоролик. А для уверенного владения TS есть базовый курс.

Рассматриваем ли backend, работу с базой и т.п.?

Нет, это будет рассмотрено на отдельном курсе. Практика показала, что участникам трудно одновременно изучать основы Next.js и возможности его backend, так как это требует понимания основ Node.js.