phone_picture

Цель курса

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

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

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

4 августа, 19:30 — урок 1

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

7 августа, 19:30 — урок 2

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

11 августа, 19:30 — урок 3

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

14 августа, 19:30 — урок 4

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

18 августа, 19:30 — урок 5

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

21 августа, 19:30 — урок 6

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

25 августа, 19:30 — урок 7

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

28 августа, 19:30 — урок 8

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

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

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

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

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

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

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

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

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

8 онлайн уроков

По вторникам и пятницам с 19:30 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

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

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

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

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

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

Домашнее задание каждого ученика разбирается на уроке. Поэтому максимальный размер группы ограничен, чтобы каждый мог получить комментарии по своей работе.

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

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

Обзор курса

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

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

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

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

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

Курс только что стартовал, присоединяйтесь!

21 000 руб. 14 700 руб.

 
Способы оплаты

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

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

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

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

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

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

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

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

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

Будут ли записи уроков

Да, конечно. Видеозапись и материалы выкладываются в течение нескольких часов после окончания урока.

Будут ли ещё потоки этого курса?

Будут, но, точно, не скоро. Сложные курсы стартуют один-два раза в год.