Содержание курса
10
разделов
99
уроков
40
тестов
13 ч.
обн. 19 мая 2026
1. База NextJS
18 уроков
511
400
131м
0
Открытый
1.1
Введение
↗
94
68
1м 46с
0
Открытый
1.2
Немного о себе
↗
36
31
1м 0с
0
Открытый
1.3
Устанавливаем Next
↗
50
50
8м 11с
0
Открытый
1.4
Роутинг
↗
40
15
11м 42с
0
Открытый
1.5
Формируем структуру проекта
↗
31
31
8м 52с
0
Открытый
1.6
Делаем шапку (узнаем про модульный css)
↗
30
30
14м 50с
0
Открытый
1.7
Страница 404 (Компонент Image)
↗
26
13
9м 10с
0
Открытый
1.8
Навигация (Компонент Link)
↗
22
11
4м 57с
0
Открытый
1.9
Metadata
↗
23
10
4м 21с
0
Открытый
1.10
Добавляем видео на сайт (embed)
↗
22
13
18м 41с
0
Открытый
1.11
Обрабатываем формы: react-hook-form + zod
↗
26
26
10м 7с
0
Открытый
1.12
Refine и superRefine из zod
↗
15
15
10м 37с
0
Открытый
1.13
API роуты
↗
15
6
16м 4с
0
Открытый
1.14
Запрос за данными к Next api
↗
17
17
7м 2с
0
Открытый
1.15
Рисуем превью для видосов
↗
13
13
6м 41с
0
Открытый
1.16
Обрабатываем страницу отдельного видео
↗
13
13
3м 8с
0
Открытый
1.17
Как будет устроена верстка
↗
16
16
1м 12с
0
Открытый
1.18
Исходники
↗
22
22
0м 28с
0
2. Верстка
8 уроков
81
81
76м
0
Открытый
2.1
Верстка шапки
↗
25
25
17м 27с
0
Открытый
2.2
Верстка левой меню
↗
9
9
16м 38с
0
Открытый
2.3
Верстка страницы 404
↗
8
8
5м 32с
0
Открытый
2.4
Верстка превью видео
↗
6
6
17м 58с
0
Открытый
2.5
Верстка layout
↗
5
5
4м 54с
0
Открытый
2.6
Верстка страницы отдельного видео
↗
7
7
8м 12с
0
Открытый
2.7
Верстка формы загрузки
↗
9
9
9м 56с
0
Открытый
2.8
Исходники
↗
12
12
0м 28с
0
3. Погружаемся в особенности NextJS
19 уроков
190
138
141м
0
Открытый
3.1
Введение
↗
19
19
3м 3с
0
Открытый
3.2
Что было во 2 модуле (для тех, кто пропустил)
↗
12
12
5м 8с
0
Открытый
3.3
Достаем больше информации о видосах
↗
13
13
15м 4с
0
Открытый
3.4
Достаем информацию по 1 видео
↗
13
13
11м 33с
0
Открытый
3.5
Как делать серверный рендеринг
↗
11
11
6м 28с
0
Открытый
3.6
Загрузка (Suspence, файл loading.tsx)
↗
9
3
5м 6с
0
Открытый
3.7
Серверный рендеринг для 1 видео
↗
13
13
3м 28с
0
Открытый
3.8
Особенности работы с .env в next
↗
13
3
5м 27с
0
Открытый
3.9
Обновляем NextJS + рефакторинг
↗
11
11
5м 38с
0
Открытый
3.10
Добавляем категории к видео
↗
8
3
26м 15с
0
Открытый
3.11
Страница "Видео по категориям"
↗
5
1
12м 10с
0
Открытый
3.12
Группировка роутов NextJS
↗
8
8
4м 27с
0
Открытый
3.13
Приватные папки NextJS
↗
5
1
2м 57с
0
Открытый
3.14
Метаданные и их динамическая генерация
↗
9
0
6м 28с
0
Открытый
3.15
Функция notFound в NextJS
↗
8
1
3м 16с
0
Открытый
3.16
Страница "Ваши видео"
↗
6
6
11м 3с
0
Открытый
3.17
Немного рефакторинга + верстка
↗
8
1
16м 5с
0
Открытый
3.18
Что дальше?
↗
9
9
0м 20с
0
Открытый
3.19
Исходники
↗
10
10
0м 28с
0
4. Авторизация
13 уроков
54
43
139м
0
Открытый
4.1
Введение
↗
12
12
6м 14с
0
Открытый
4.2
Верстаем страницы авторизации/регистрации
↗
3
1
12м 31с
0
Открытый
4.3
хук useRouter
↗
3
1
8м 48с
0
Открытый
4.4
bcrypt
↗
4
4
8м 14с
0
Открытый
4.5
Авторизация
↗
6
6
7м 59с
0
Открытый
4.6
Куки + jsonwebtoken
↗
6
0
31м 0с
0
Открытый
4.7
HOC для получения авторизованного пользователя
↗
3
3
8м 3с
0
Открытый
4.8
Регистрация
↗
3
3
3м 42с
0
Открытый
4.9
Выход из аккаунта (log out)
↗
2
2
14м 48с
0
Открытый
4.10
Безопасность авторизационного токена
↗
4
4
11м 43с
0
Открытый
4.11
Небольшой рефакторинг
↗
2
2
5м 27с
0
Открытый
4.12
Верстка
↗
2
1
27м 56с
0
Открытый
4.13
Исходники
↗
4
4
-
0
5. Хостинг
7 уроков
29
15
96м
0
Открытый
5.1
Введение
↗
5
5
3м 9с
0
Открытый
5.2
Заливаем код на github
↗
2
2
6м 52с
0
Открытый
5.3
Регистрируемся на vercel
↗
2
2
18м 53с
0
Открытый
5.4
Избавляемся от api роутов
↗
3
1
30м 39с
0
Открытый
5.5
Серверные экшены
↗
5
0
15м 25с
0
Открытый
5.6
Подключаем БД
↗
7
0
24м 8с
0
Открытый
5.7
Исходники
↗
5
5
-
0
6. Добиваем страницы
9 уроков
22
22
22м
0
Закрытый
6.1
Обновляемся на NextJS 16
↗
1
1
4м 29с
0
Закрытый
6.2
NextJS 16.2
↗
1
1
5м 34с
0
Закрытый
6.3
Флаг --inspect
↗
0
0
1м 29с
0
Закрытый
6.4
transitionType
↗
3
3
4м 50с
0
Закрытый
6.5
Разделяем пользователей
↗
1
1
7м 18с
0
Открытый
6.6
Процесс...
↗
12
12
1м 31с
0
Закрытый
6.7
Страница автора
↗
2
2
-
0
Закрытый
6.8
Исходники
↗
1
1
-
0
Закрытый
6.9
error page (global-error-page)
↗
1
1
-
0
7. SEO
8 уроков
13
13
0м
0
Закрытый
7.1
Введение
↗
4
4
-
0
Закрытый
7.2
Тоннель для тестов
↗
2
2
-
0
Закрытый
7.3
Подключаем favicon
↗
1
1
-
0
Закрытый
7.4
OG разметка
↗
2
2
-
0
Закрытый
7.5
robots файл
↗
1
1
-
0
Закрытый
7.6
proxy.ts (middleware.ts)
↗
1
1
-
0
Закрытый
7.7
Чуть больше про редиректы
↗
1
1
-
0
Закрытый
7.8
Исходники
↗
1
1
-
0
8. Оптимизации
8 уроков
5
5
0м
0
Закрытый
8.1
Введение
↗
1
1
-
0
Закрытый
8.2
Оптимизация картинок (loading lazy, optimization, decoding)
↗
1
1
-
0
Закрытый
8.3
Динамические импорты
↗
0
0
-
0
Закрытый
8.4
Как уменьшать use client
↗
1
1
-
0
Закрытый
8.5
Параллельные запросы
↗
1
1
-
0
Закрытый
8.6
Кэширование запросов
↗
1
1
-
0
Закрытый
8.7
Кэширование целой страницы
↗
0
0
-
0
Закрытый
8.8
Исходники
↗
0
0
-
0
9. Параллельные роуты
4 урока
3
3
0м
0
Закрытый
9.1
Введение
↗
1
1
-
0
Закрытый
9.2
Создаем параллельный роут
↗
0
0
-
0
Закрытый
9.3
В чем идея этих роутов?
↗
0
0
-
0
Закрытый
9.4
Исходники
↗
2
2
-
0
10. Итоги
1 урок
2
2
0м
0
Закрытый
10.1
О чем-то рассказываю
↗
2
2
-
0