Чему вы научитесь
- Мыслить типами в Next.js: выстраивать контракты между сервером и клиентом, типизировать params, searchParams и данные приложения.
- Управлять формами от простых до сложных с React Hook Form, валидацией через Zod на клиенте и сервере.
- Использовать Server Actions: мутации, единый формат ответов ok/error, useActionState, оптимистичные обновления и автосохранение.
- Контролировать состояние приложения: освоите дисциплину URL - истина, научитесь разделять доменный стор и UI-контексты.
- Интегрировать сложный UI, встроим Quill-редактор с подсветкой кода, не ломая архитектуру.
- Рефакторить и проектировать: приведём проект к чистой feature-архитектуре, разделяя логику и представление.
- Деплоить на Render с финальной сборкой и запуском
О курсе
TypeScript, Zod, Server Actions в Next.js App Router. Типизация server/client, params/searchParams как внешний контракт. Валидация форм на клиенте и сервере. Мутации через Server Actions: ok/error-паттерн, optimistic updates, autosave. Кэширование, revalidateTag, ISR. URL как источник состояния. Разделение доменного стора и UI-контекстов. Интеграция Quill. Feature-архитектура. Деплой на Render.
Для кого этот курс
Знаете JavaScript и хотите прокачаться до TypeScript.
Уже пробовали TS в Next, но путаетесь в типизациях.
Хотите понять, как строить формы, которые не ломаются, и делать UI, который не тормозит.
Ищете референсную архитектуру для своих коммерческих или пет-проектов.
Готовы глубоко разобраться с Server Actions, кэшированием и ISR.
Начальные требования
- Node.js (LTS), npm, VS Code.
- Уверенное знание JavaScript (ES6+).
- Опыт работы с React (компоненты, хуки).
- Желательно знакомство с основами Next.js App Router на уровне курса I.
- TypeScript не требуется на входе — всему научимся в процессе.
Преподаватели курса
303
Как проходит обучение
Структура шагов:
- Предмет, что и зачем решаем.
- Теория, кратко и по существу.
- Реализация, пишем код, разбираем каждое решение.
- Проверка, сразу видим результат.
Практика:
- Каждый урок - кирпичик в Workbench Notes.
- Демо-стенды в
/demoдля экспериментов с паттернами в каждом модуле. - Квизы после ключевых тем для самопроверки и сертификата.
Сертификат
Успешно завершив курс, вы получите сертификат от платформы Stepik. Уже 2 учеников получили сертификат.
Что вы получите
- Целостную систему знаний: TypeScript, Zod, Server Actions, управление состоянием и архитектура.
- Рабочий проект в портфолио: Workbench Notes с деплоем на Render, который можно показать на собеседовании.
- Умение читать и исправлять ошибки TS: перестанете бояться красных подчёркиваний и начнёте видеть в них подсказки.
- Готовые паттерны для рабочих задач, сможете переносить их в свои проекты сразу после курса.
- Сертификат.