Собери на одном React полноценное приложение с сервером, базой и авторизацией — от App Router и серверных компонентов до Server Actions, кеша и боевого деплоя.
Разовая оплата, без подписки. Школьнику курс покупает родитель из кабинета parents.omnex.study.
Ты уже умеешь писать на React, но чистый React — это половина приложения. Клиентский рендеринг тормозит на слабых устройствах, SEO страдает, а любой запрос к базе всё равно требует отдельного бэкенда. Next.js закрывает этот разрыв: один React-код работает и на сервере, и на клиенте, а между ними — умный кеш, стриминг и серверные мутации без написания отдельного API.
Этот курс — про Next.js 15 и App Router в том виде, в котором на нём пишут в 2025 году: серверные компоненты по умолчанию, `async`-запросы прямо в разметке, Server Actions вместо REST-ручек, точечная ревалидация кеша. Ты не будешь заучивать устаревшие `getServerSideProps` — сразу возьмёшь современную модель, за которую платят.
Мы идём от каркаса приложения к боевому продакшену: роутинг и лейауты, границы server/client, загрузка данных и кеш, мутации и формы, свой API и middleware, аутентификация через Auth.js, оптимизация Core Web Vitals, тесты на Vitest и Playwright, деплой на Vercel и в Docker. Пять проектов в портфолио — от каталога с базой до fullstack-приложения под ключ.
К финалу у тебя будет не набор разрозненных знаний, а собранное приложение и понимание, почему оно устроено именно так. Fullstack-React — одна из самых оплачиваемых ниш на рынке, и после курса ты сможешь занять в ней своё место.
Зачем Next.js тому, кто уже знает React, как поднять проект за минуту, как работает файловый роутинг, вложенные лейауты и клиентская навигация. В конце — каркас многостраничного сайта в портфолио.
Главная ментальная модель Next.js: где выполняется код. Серверные компоненты по умолчанию, клиентские через "use client", граница между ними и композиция, асинхронные параметры, стратегии SSR/SSG/ISR и стриминг через Suspense. В финале — гибридная страница профиля.
Загрузка данных прямо на сервере: fetch и его дедупликация, кеш данных с revalidate и тегами, параллельные и последовательные запросы, прямой доступ к базе через Prisma, generateStaticParams и ISR. Первый большой проект — каталог товаров с базой и фильтрами.
Менять данные без единой API-ручки: Server Actions и директива "use server", формы с useActionState, pending-состояния через useFormStatus, валидация с Zod, ревалидация и redirect после мутации, оптимистичный UI. Проект — приложение заметок с полным CRUD.
Когда нужен настоящий HTTP-эндпоинт: Route Handlers для своего API, динамические роуты и чтение тела запроса, работа с cookies и headers, middleware для перехвата запросов до рендера, стриминг ответов и приём вебхуков. Проект — публичный REST API с вебхуком.
Кто ты и что тебе можно: разница аутентификации и авторизации, хеширование паролей и сессии на куках своими руками, готовое решение Auth.js (NextAuth v5), защита роутов через middleware и auth(), роли и права. Проект — приложение с логином и личным кабинетом.
Делаем приложение быстрым и заметным: next/image для картинок, next/font для шрифтов без сдвигов, метаданные и Open Graph, Core Web Vitals и что на них влияет, разбиение бандла через dynamic import, параллельные и перехватывающие роуты. Практикум — ускорение медленной страницы.
Доводим приложение до боевой готовности: переменные окружения и конфигурация, обработка ошибок в продакшне, юнит-тесты на Vitest и Testing Library, E2E на Playwright, деплой на Vercel и в Docker через standalone. Финальный проект — fullstack-приложение под ключ и разбор профессии.