Курс на Stepik
Обложка курса «Next.js I: JavaScript 2026» на Stepik
2 000 ₽

Next.js I: JavaScript 2026 ★ 5.000

Открыть на
STEPIK.ORG

Освойте современный Next как понятный инструмент. Курс объясняет App Router так, чтобы без копипастов из документации понять логику роутинга, данных и рендеринга. Соберём проект по последним стандартам.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Next.js I: JavaScript 2026»Учеников на курсе 57
Сертификаты, выданные на курсе «Next.js I: JavaScript 2026»Сертификатов выдано 9
Отзывы о курсе «Next.js I: JavaScript 2026»Отзывов получено 1
Рейтинг курса «Next.js I: JavaScript 2026»Рейтинг курса 5.000
Уроки в курсе «Next.js I: JavaScript 2026»Количество уроков 21
Тесты в курсе «Next.js I: JavaScript 2026»Количество квизов 40
Время прохождения курса «Next.js I: JavaScript 2026»Время прохождения курса —
Стоимость курса «Next.js I: JavaScript 2026»Стоимость курса 2 000 ₽ —
Обновления курса «Next.js I: JavaScript 2026»Обновления курса — —
Дата публикации курса «Next.js I: JavaScript 2026»Дата публикации курса — ———
Последнее обновление курса «Next.js I: JavaScript 2026»Последнее обновление — ———
Сложность normal — ———

Содержание курса

Разделы в курсе «Next.js I: JavaScript 2026» 7 разделов Уроки в курсе «Next.js I: JavaScript 2026» 21 урок Тесты в курсе «Next.js I: JavaScript 2026» 40 тестов Время прохождения курса «Next.js I: JavaScript 2026» 1 ч. Последнее обновление курса «Next.js I: JavaScript 2026» обн. 7 августа 2026

Старт и каркас

3 урока
1. О курсе и подготовка ↗
2. Next на практике: что происходит при открытии страницы ↗
3. Создаём проект и первый экран ↗

Вспоминаем основы (необязательный)

2 урока
1. Web кратко (HTML+CSS+JS) ↗
2. React-минимум для Next ↗

Маршрутизация и макеты App Router

3 урока
1. Базовая маршрутизация и навигация ↗
2. Вложенные макеты и организация структуры ↗
3. Динамические маршруты и служебные файлы сегмента ↗

Данные без боли

4 урока
1. Fetch на сервере и первый список данных ↗
2. Поиск и фильтры через URL ↗
3. Страница детали: список → переход → один объект ↗
4. Кэширование “по-бытовому”: почему данные не всегда свежие ↗

Мини-бэкенд внутри Next

3 урока
1. Route Handlers как прокси к внешнему API ↗
2. Env-переменные: local + Render ↗
3. Избранное и история через localStorage ↗

UI и качество

3 урока
1. Базовая стилизация CSS + Tailwind без войны фреймворков ↗
2. Framer Motion: анимация без перегруза ↗
3. Медиа и SEO-контур ↗

Деплой на Render

3 урока
1. Подготовка к деплою ↗
2. Деплой: Node service ↗
3. Заключение ↗