NextJS Практический курс - Делаем клон YouTube с нуля

О чём курс

Роман Максимов разбирает разработку клона YouTube на фреймворке Next.js от настройки структуры проекта до развертывания готового веб-сервиса на хостинге. Обучение построено вокруг сквозного практического проекта, на примере которого демонстрируются возможности современного стека: архитектура App Router, разделение на серверные и клиентские компоненты, обработка данных и взаимодействие с базой данных.

По ходу работы вы создаете интерфейс видеохостинга, настраиваете навигацию, верстаете страницы сервиса и подключаете воспроизведение видео. Автор объясняет принципы серверного рендеринга (SSR), механизмы управления состояниями загрузки через Suspense и loading-файлы, а также обработку ошибок с помощью специальных error-компонентов.

Что внутри

• Маршрутизация в Next.js: динамические, вложенные, групповые и параллельные роуты.
• Серверная логика: серверные экшены (Server Actions) и Route Handlers для построения API.
• Формы и валидация пользовательских данных с помощью библиотек react-hook-form и zod.
• Система авторизации и регистрации на базе JWT-токенов, cookies и хеширования паролей через bcrypt.
• Подключение базы данных и серверный рендеринг страниц с динамическими параметрами.
• Поисковая оптимизация: метаданные, Open Graph разметка, файл robots.txt и генерация OG-изображений.
• Оптимизация производительности: кэширование запросов и страниц, ленивая загрузка изображений, динамические импорты.
• Подготовка продакшен-сборки и развертывание приложения на платформе Vercel.

Формат занятий

Уроки записаны на видео и распределены по тематическим блокам. В каждом блоке разбирается отдельная механика фреймворка, которая сразу внедряется в разрабатываемый сайт.

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

Для кого

Материал рассчитан на фронтенд-разработчиков, планирующих освоить современный стек Next.js на практических примерах. Для комфортного прохождения понадобятся уверенные навыки работы с HTML, CSS и базовым JavaScript, а также начальное понимание основ React. Глубоких знаний TypeScript не требуется: в проекте он задействован в минимальном объеме.

Об авторе

Роман Максимов — старший фронтенд-разработчик с опытом в веб-разработке более 8 лет. Работал в небольших командах и крупных ИТ-компаниях.