Чему вы научитесь
- Строить SEO-страницы на Next.js App Router: generateMetadata, canonical, hreflang, Open Graph, Twitter cards, sitemap и robots.
- Делать server-rendered search, где URL становится источником правды для категории, города, query и pagination.
- Подключать внешний API через server boundary: Ticketmaster live source, controlled fallback, Zod-проверка и нормализация данных.
- Настраивать i18n через локализованные маршруты /en и /ru, сохраняя SEO, links, metadata и search.
- Использовать продвинутые паттерны App Router: parallel routes, intercepting routes, modal поверх списка, full page detail по прямой ссылке.
- Применять Suspense и streaming в реальном проекте: hero сразу, featured events позже, search results и similar events через границы загрузки.
- Развивать избранное от localStorage до Supabase cloud favorites: Auth, RLS, guest/user режимы и миграция локальных данных в облако.
- Добавлять минимальный тестовый контур: Vitest для pure helpers, Playwright smoke tests для ключевых маршрутов, GitHub Actions CI.
- Деплоить Next.js проект на Vercel: env variables, Supabase redirects, Google OAuth, robots, sitemap и smoke check по публичной ссылке.
О курсе
Для кого этот курс
Начальные требования
Node.js, npm, VS Code или другой редактор.
Уверенное знание JavaScript и базовое знание TypeScript.
Опыт работы с React: компоненты, props, hooks.
Понимание основ Next.js App Router: app, layout, page, server/client components.
Начальный опыт работы с Git и GitHub.
Аккаунты Ticketmaster Developer, Supabase, GitHub и Vercel понадобятся в ходе курса.
Для локальной работы с Ticketmaster API в некоторых регионах может понадобиться VPN.
Преподаватели курса
305
Как проходит обучение
Каждый урок добавляет один законченный слой EventMap. Сначала разбирается идея паттерна, затем он встраивается в проект, после этого выполняется проверка в браузере, terminal или dashboard внешнего сервиса.
В курсе два типа практики. Product-паттерны встраиваются в основной EventMap: search, metadata, modal detail, streaming, favorites, Supabase Auth, cloud favorites. Учебные механики выносятся в Demo Lab, чтобы можно было увидеть паттерн отдельно и не превращать продуктовые страницы в отладочные экраны.
В финале проект проверяется через Vitest, Playwright, GitHub Actions и деплоится на Vercel. После деплоя выполняется smoke check по публичному URL.
Что вы получите
- Цельную модель Next.js App Router после базового уровня: маршруты, данные, SEO, i18n, server/client границы, внешние API, cloud state и деплой.
- Готовый проект EventMap, который можно открыть по публичной ссылке и использовать как reference project.
- Практические SEO-паттерны: generateMetadata, canonical, hreflang, sitemap, robots, Open Graph и Twitter cards.
- Понимание server-rendered search: URL как источник правды, search landing pages, category pages, query и pagination.
- Опыт работы с внешним API через безопасную архитектуру: Ticketmaster, Zod, normalisation, fallback и no-crash поведение.
- Понимание Supabase на практике: project setup, publishable key, Auth, RLS, Magic Link, Google OAuth и cloud favorites.
- Минимальный тестовый контур проекта: unit tests, smoke tests, CI перед деплоем.
- Опыт деплоя на Vercel: GitHub import, env variables, production domain, Supabase redirects, sitemap, robots и smoke check.
- Каркас мышления: как собрать Next.js приложение, которое можно развивать, проверять и показывать по публичной ссылке.
- Сертификат