Цель курса
Освоить Next.js – самый популярный фреймворк в экосистеме React, одной из главных фишек которого является простой и приятный Server Side Rendering.
Программа курса
Урок 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 и вспомогательные компоненты
- Авторизация: backend на Next.js vs стороннее 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.
Онлайн потоки временно не проводятся
Доступно в формате видеозаписей
свежий поток - ноябрь 2025
21 000 руб.
10 500 руб.
Часто задаваемые вопросы
Какой начальный уровень знаний необходим
Уверенная работа с React ( router, store, создание своих хуков и т.п. ), а также понимание базовых идей Server Side Rendering.
Обязательно ли прохождение React / React Level 2
Если вы уверенно применяете технологии, перечисленные в предыдущем пункте, можете участвовать без прохождения курсов по React.
Пишем на TypeScript или чистом JS
TypeScript будет, но не сложнее, чем на курсе React Level 2. Для минимального понимания будет предоставлен двухчасовой видеоролик. А для уверенного владения TS есть базовый курс.
Рассматриваем ли backend, работу с базой и т.п.?
Чуть-чуть: подключим ORM, потрогаем api, валидацию и server actions. Мы подходим к Next.js с позиции frontend-разработчика, которому выдали стороннее Api. А для реализация полноценного backend нужен отдельный курс.