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