Сайт с серверным рендерингом контента
начальныйСоздайте контентный сайт с использованием App Router, Server Components и статического/динамического рендеринга, оптимизированный под SEO и производительность.
- Next.js
- App Router
- Server Components
Frontend и Backend
Роутинг, серверные компоненты и загрузка данных — как создать и задеплоить production-приложение на Next.js с нуля.
Преподаёт Аббас Ибрагимов
Демоклип — трейлер этого курса сейчас снимается.
about.md
React даёт вам компоненты и состояние, но production-приложениям нужны роутинг, серверный рендеринг, загрузка данных и деплой — а самостоятельная сборка всего этого воедино и есть та проблема, которую решает Next.js. Это фреймворк, лежащий в основе большинства production React-приложений сегодня — он оборачивает React в соглашения по роутингу, стратегии рендеринга и API-эндпоинтам, чтобы вам не приходилось изобретать инфраструктуру заново в каждом проекте.
Этот курс учит строить Next.js-приложения так, как они реально поставляются в продакшен — App Router, Server Components против Client Components, и когда загружать данные на сервере, а когда на клиенте. Вы пройдёте путь от базового файлового роутинга до streaming, стратегий кэширования, аутентификации и деплоя реального приложения, понимая не только API, но и то, почему Next.js делает именно такие компромиссы.
Каждый модуль завершается практическим проектом. Вы создадите сайт с серверным рендерингом контента, full-stack приложение с API-роутами и базой данных, а также production-приложение с аутентификацией, которое вы реально задеплоите. К концу курса вы будете знать, когда использовать Server Components, как структурировать реальный Next.js-проект и как уверенно выкатить его в продакшен.
outcomes.json
Конкретные навыки, которые у вас останутся, а не список тем, о которых вы услышите.
projects/
Каждый модуль заканчивается результатом. Эти три проекта останутся у вас.
Создайте контентный сайт с использованием App Router, Server Components и статического/динамического рендеринга, оптимизированный под SEO и производительность.
Создайте full-stack приложение с API-роутами или server actions, подключённое к реальной базе данных, реализующее полный цикл create/read/update/delete.
Создайте и задеплойте production-приложение с аутентификацией, защищёнными маршрутами и корректными состояниями ошибок и загрузки.
audience.md
prerequisites.md
Студентам необходимо уверенное владение React (компоненты, хуки, состояние) и современным JavaScript (ES6+), а также базовое знакомство с Node.js. Предварительный опыт работы с Next.js не требуется — курс выстроен от файлового роутинга до задеплоенного production-приложения.
Только начинаете? Начните с React
curriculum/
4 разделов · 24 уроков · 6h 42m контента
instructor.md
Abbas Ibragimov
Инженер-программист и основатель, Баку
Я инженер-программист и основатель компании из Баку. Последние несколько лет я создаю продакшн-софт на React, Next.js, NestJS и Prisma — сначала для чужих компаний, теперь для той, которую основал и которой руковожу.
Параллельно я веду индивидуальное менторство разработчиков: довожу людей от первой строки кода до кода, который не стыдно показать команде. Преподавать и при этом продолжать выпускать продукты — то, что держит материал честным: всё в этих курсах я использую в продакшене сам, а не вычитал где-то.
У меня нет диплома по computer science. Я начал с Hello World, увлёкся тем, как машина работает под капотом, и всему остальному научился, создавая вещи, от которых зависели другие люди. Эти курсы идут тем же путём, только без тупиков.
Никто не научился создавать программы, наблюдая, как их создаёт кто-то другой. Каждый курс здесь построен вокруг того, что вы выпускаете сами, а моя задача — быть тем senior-инженером, который смотрит вам через плечо, а не диктором в видео, которое вы забудете к пятнице.
reviews --course
Занятия проходили в очень дружелюбной и индивидуальной атмосфере. С расписанием всегда относились с…
Курс превзошёл ожидания: материал подан чётко и последовательно, а практические задания сразу закреп…
faq.md
Посмотрите требования выше — у каждого курса указано, что он предполагает. Если вы начинаете с нуля, курсы по основам не требуют подготовки.
Да. Подписка открывает все курсы на сайте, включая этот и те, что выйдут позже.
Купленный отдельно курс остаётся в аккаунте навсегда, вместе с будущими обновлениями.
Нет — все уроки в записи, чтобы вы шли в своём темпе. Живые Q&A проходят отдельно для всего сообщества.
Уроки доступны онлайн, чтобы у вас всегда была актуальная версия. Исходный код проектов остаётся у вас.
Да — большинство вопросов решается в Discord, обычно в течение суток, а сложные разбираем на живых Q&A.
Да, после прохождения курса выдаётся сертификат об окончании.