Детали и код закрыты соглашением: описываю задачи и решения без раскрытия внутренностей.
Два приложения одного продукта: публичная витрина курсов с серверным рендером и каталогом, и внутренняя платформа обучения с личными кабинетами, аналитикой и админ-панелью для преподавателей.
Что сделано
Публичная витрина на Next.js App Router: серверный рендер каталога и страниц курсов
Метаданные курса собираются на сервере из данных сущности, а не подставляются на клиенте
Каталог с фильтрами, подборками, экспертами и событиями
Кабинеты трёх ролей: студент, преподаватель, администратор
Аналитика по пользователям, курсам и платформе на графиках
Контекст
Продукт
Платформа закрывает весь путь: пользователь находит курс в публичном каталоге, покупает его и продолжает обучение в личном кабинете, а преподаватель ведёт содержание и проверяет работы.
Публичная и внутренняя части разделены осознанно: витрине нужен серверный рендер и индексация, кабинету — насыщенный интерфейс и быстрый переход между разделами.
Решение
Решение
Каталог курсов отдаётся с сервера, а кабинеты студента, преподавателя и администратора собраны на общей структуре. Новые разделы добавляются по тому же шаблону, что и уже существующие.
Результат
Результат
Витрина индексируется и открывается быстро, а кабинеты трёх ролей живут в общей архитектуре, где типовая CRUD-задача решается по единому шаблону.
Этот проект стал для меня эталоном связки FSD + MobX + DI, которую я потом переносил в другие продукты команды.
ФлагманПродуктПод NDA