§01
Обзор
- Что это: Онлайн-платформа для обучения (клон Udemy) «CourseFlow». Полный жизненный цикл: студент находит/покупает курс → учится (уроки/видео/прогресс) → сдаёт экзамены → получает сертификат; преподаватели создают курсы (become-instructor, admin-editor); админы управляют. Мультиязычность.
- Тип / статус / роль: web-app (LMS) · active · solo — автор проекта (40 из 42 коммитов), +2 мелких коммита от Bobur.
- Активный период: 2025-05-02 → 2025-12-20 (~7 месяцев), 42 коммита + CHANGELOG.
§02
Стек
- Frontend: Next.js 15 (App Router, Turbopack, роуты
[locale]), TypeScript, Radix/shadcn (полный UI-набор), TanStack Query (загрузка данных/кэш), TipTap (редактор уроков с rich-text + изображения/ссылки/подсказки), dnd-kit (drag-and-drop конструктор программы курса), next-intl (i18n, локали), next-themes, react-hook-form + Zod. - Backend: Supabase (Postgres + Auth + Storage),
@supabase/ssr, схема с RBAC (студент/преподаватель/админ), courses→categories→chapters→lessons, запись на курсы + прогресс, экзамены/вопросы, сертификаты. Миграции вsupabase/migrations. API-роуты Next.js: enrollments, courses, lessons, exams, questions, certificates, admin. - Tooling: Biome (наследует ultracite), Supabase MCP (
.mcp.json), Kombai (AI-дизайн,.kombai/), Cursor + Claude.set_admin.ts(скрипт назначения роли админа),fix_links.js/fix-links.sh(миграция ссылок). - Infra: Bun,
.env.local/.env.production, middleware для роутинга аутентификации.
§03
Что реализовано
40 solo-коммитов за 7 месяцев (с документацией CHANGELOG + CLAUDE + SET_ADMIN):
- Каталог курсов (категории, карточки, сетка), страницы курса/урока.
- Auth + RBAC (студент/преподаватель/админ) через Supabase + middleware-роутинг.
- Маркетплейс преподавателей (become-instructor, дашборд преподавателя, admin-editor).
- Уроки на TipTap (rich-text/изображения), конструктор программы курса (dnd-kit).
- Экзамены/квизы (API exams/questions) + сертификаты (API certificates).
- Трекинг прогресса/записи на курсы, i18n (next-intl).
- Объём: завершённая многомодульная LMS, solo.
§04
Технические челленджи
Подтверждено CLAUDE.md/структурой/зависимостями:
- Полная модель данных LMS на Supabase (RBAC + courses→chapters→lessons + запись/прогресс + экзамены + сертификаты): нетривиальная реляционная схема с ролями и прогрессом, миграции в репозитории. → проектирование полноценного продукта, а не лендинга.
- Конструктор программы курса на dnd-kit + редактор уроков TipTap: интерактивное создание контента (drag-and-drop глав/уроков, rich-text) — сложный UX. → продвинутая frontend-работа.
- i18n с самого начала (
app/[locale], next-intl, локали): мультиязычная платформа с первого дня. - AI-тулинг в разработке (Supabase MCP в
.mcp.json, AI-дизайн Kombai, Cursor+Claude): MCP-сервер Supabase даёт агенту прямой доступ к БД/схеме; Kombai обеспечивает AI-генерацию UI. → современный AI-native solo-воркфлоу. - RBAC + роутинг аутентификации через Next middleware + Supabase SSR.
§05
AI-разработка
- Найдено сессий: 0 транскриптов Claude Code (директория отсутствует). Но окружение насыщено AI:
.claude/(CLAUDE.md),.cursor/,.kombai/(AI-дизайн Kombai),.mcp.json(Supabase MCP). - Что делалось с AI: разработка с Cursor/Claude + Supabase MCP (агент работает с БД) + Kombai (генерация UI). CLAUDE.md документирует архитектуру для агента.
- Паттерны AI-воркфлоу: мульти-инструментальный AI (Cursor + Claude + Kombai), интеграция MCP с Supabase (агент видит схему/данные). Хороший пример AI-native solo-разработки продукта.
§06
Достижения и метрики
- Полнофункциональная LMS, solo, за ~7 месяцев: каталог, обучение, экзамены, сертификаты, маркетплейс преподавателей, RBAC, i18n.
- Современный стек (Next 15 + Supabase + TanStack + TipTap + dnd-kit).
- AI-native тулчейн (Supabase MCP + Kombai + Cursor/Claude).