Чему вы научитесь
- Создавать маршруты и макеты как в реальных проектах
- Загружать данные на сервере и обрабатывать ошибки
- Работать с динамическими страницами и параметрами URL
- Настраивать локальное API через Route Handlers
- Оптимизировать приложение: изображения, метаданные, стили
- Деплоить проект на хостинге Render
О курсе
Пройдём системное погружение в Next.js App Router.
Если официальная документация кажется вам справочником, где всё есть, но не понятно как все взять, приглашаем на курс. Пройдём путь от установки Next.js до работающего деплоя, объясняя почему всё устроено именно так.
Специфика курса:
Последовательность, а не справочник, темы идут в том порядке, в котором будете сталкиваться с ними в реальной разработке
Объяснение принципов, а не копипаста, - где выполняется код сервер/клиент, как работает кэширование и зачем нужны макеты
Практика с первых шагов, курсовой проект Goods Finder как полигон для закрепления каждого навыка
Типичные ошибки и их решение, заранее покажем грабли, на которые наступают 90% начинающих
Написан на JavaScript, чтобы сосредоточиться на Next.js, TypeScript будет в курсе Next.js II: TypeScript 2026.
Для кого этот курс
Начальные требования
- Node.js (LTS версия), npm, VS Code или другой редактор
- Понимание JavaScript: функции, объекты, массивы, async/await
- Базовые знания React: компоненты, props, состояние
- Опыт работы с терминалом и Git на начальном уровне
- Современный браузер (Chrome, Firefox, Edge)
Наши преподаватели
Как проходит обучение
Учебные шаги:
- Объяснение идеи - что решаем и зачем
- Краткая теория
- Реализация - пишем код вместе, с пояснениями каждого решения
- Проверка - сразу видим результат в браузере
Закрепление через практику:
- Проект Goods Finder развивается от урока к уроку
- Вопросы на понимание после ключевых тем
- Разбор типичных ошибок и их решений
Результат к концу курса:
- Поймёте логику Next.js
- Соберёте рабочий проект, готовый к портфолио
Программа курса
Сертификат
Что вы получаете
- Понятная модель App Router в голове, больше не будет вопросов - где сервер, где клиент и почему не работает useState.
- Уверенность в базовых сценариях Next.js:
- Маршрутизация и вложенные макеты;
- Серверная загрузка данных с обработкой ошибок;
- Динамические страницы и параметры URL;
- Оптимизация изображений и метаданных;
- Готовый учебный проект, локально и в продакшене на Render;
- Фундамент для изучения TypeScript и продвинутых тем в следующем курсе.
- Перестанете бояться Next.js и начнёте понимать, а не копировать код.
- Сертификат