Содержание курса
10
разделов
99
уроков
40
тестов
13 ч.
обн. 19 мая 2026
База NextJS
18 уроков
1.
Введение
↗
2.
Немного о себе
↗
3.
Устанавливаем Next
↗
4.
Роутинг
↗
5.
Формируем структуру проекта
↗
6.
Делаем шапку (узнаем про модульный css)
↗
7.
Страница 404 (Компонент Image)
↗
8.
Навигация (Компонент Link)
↗
9.
Metadata
↗
10.
Добавляем видео на сайт (embed)
↗
11.
Обрабатываем формы: react-hook-form + zod
↗
12.
Refine и superRefine из zod
↗
13.
API роуты
↗
14.
Запрос за данными к Next api
↗
15.
Рисуем превью для видосов
↗
16.
Обрабатываем страницу отдельного видео
↗
17.
Как будет устроена верстка
↗
18.
Исходники
↗
Верстка
8 уроков
1.
Верстка шапки
↗
2.
Верстка левой меню
↗
3.
Верстка страницы 404
↗
4.
Верстка превью видео
↗
5.
Верстка layout
↗
6.
Верстка страницы отдельного видео
↗
7.
Верстка формы загрузки
↗
8.
Исходники
↗
Погружаемся в особенности NextJS
19 уроков
1.
Введение
↗
2.
Что было во 2 модуле (для тех, кто пропустил)
↗
3.
Достаем больше информации о видосах
↗
4.
Достаем информацию по 1 видео
↗
5.
Как делать серверный рендеринг
↗
6.
Загрузка (Suspence, файл loading.tsx)
↗
7.
Серверный рендеринг для 1 видео
↗
8.
Особенности работы с .env в next
↗
9.
Обновляем NextJS + рефакторинг
↗
10.
Добавляем категории к видео
↗
11.
Страница "Видео по категориям"
↗
12.
Группировка роутов NextJS
↗
13.
Приватные папки NextJS
↗
14.
Метаданные и их динамическая генерация
↗
15.
Функция notFound в NextJS
↗
16.
Страница "Ваши видео"
↗
17.
Немного рефакторинга + верстка
↗
18.
Что дальше?
↗
19.
Исходники
↗
Авторизация
13 уроков
1.
Введение
↗
2.
Верстаем страницы авторизации/регистрации
↗
3.
хук useRouter
↗
4.
bcrypt
↗
5.
Авторизация
↗
6.
Куки + jsonwebtoken
↗
7.
HOC для получения авторизованного пользователя
↗
8.
Регистрация
↗
9.
Выход из аккаунта (log out)
↗
10.
Безопасность авторизационного токена
↗
11.
Небольшой рефакторинг
↗
12.
Верстка
↗
13.
Исходники
↗
Хостинг
7 уроков
1.
Введение
↗
2.
Заливаем код на github
↗
3.
Регистрируемся на vercel
↗
4.
Избавляемся от api роутов
↗
5.
Серверные экшены
↗
6.
Подключаем БД
↗
7.
Исходники
↗
Добиваем страницы
9 уроков
1.
Обновляемся на NextJS 16
↗
2.
NextJS 16.2
↗
3.
Флаг --inspect
↗
4.
transitionType
↗
5.
Разделяем пользователей
↗
6.
Процесс...
↗
7.
Страница автора
↗
8.
Исходники
↗
9.
error page (global-error-page)
↗
SEO
8 уроков
1.
Введение
↗
2.
Тоннель для тестов
↗
3.
Подключаем favicon
↗
4.
OG разметка
↗
5.
robots файл
↗
6.
proxy.ts (middleware.ts)
↗
7.
Чуть больше про редиректы
↗
8.
Исходники
↗
Оптимизации
8 уроков
1.
Введение
↗
2.
Оптимизация картинок (loading lazy, optimization, decoding)
↗
3.
Динамические импорты
↗
4.
Как уменьшать use client
↗
5.
Параллельные запросы
↗
6.
Кэширование запросов
↗
7.
Кэширование целой страницы
↗
8.
Исходники
↗
Параллельные роуты
4 урока
1.
Введение
↗
2.
Создаем параллельный роут
↗
3.
В чем идея этих роутов?
↗
4.
Исходники
↗
Итоги
1 урок
1.
О чем-то рассказываю
↗