Next.js III: SEO, i18n 2026

EventMap начинается с архитектуры URL

Учебный проект для SEO, i18n и паттернов App Router.

SEO

Начинаем со структуры страниц и базовой metadata.

i18n

Держим locale в URL до перевода интерфейса.

App Router patterns

Разделяем страницы, shared UI и простые серверные компоненты.

Demo Lab

Demo Lab

Небольшие изолированные страницы для проверки паттернов перед переносом в EventMap.

Сегмент URL/ru
html langru
params.localeru

Фильтр searchParams

Читаем город из URL searchParams и фильтруем демо-события на сервере.

Граница Zod

Проверяем raw-объекты до того, как они попадут в UI EventCard.

Safe fallback

Показываем fallback-данные вместо красного экрана при сбое внешних данных.

Карта маршрутов

Смотрим, где в текущих маршрутах EventMap появляются [locale], [id] и query string.

Static event params

Смотрим, какие пары locale и event id подготовлены для next build.

Controlled content source

Сравниваем controlled event id и live Ticketmaster id перед статической сборкой detail pages.

Cache policy

Сравниваем controlled content, live fetch cache и preview no-store.

Rendering strategy map

Сравниваем static, dynamic, ISR, no-store и client routes в EventMap.

Live cache

Смотрим, как live-данные Ticketmaster возвращаются в EventMap через cache policy.

Client-side search

Смотрим, почему результаты после useEffect слабы для SEO.

Search segments

Смотрим, как [[...segments]] превращает clean search URL в server filters.

Search navigation

Active filters, reset links и pagination без client state.

Live search source

Смотрим, как product search сначала пробует Ticketmaster, а затем откатывается к controlled events.

SEO baseline

Проверяем title, description, canonical, hreflang, sitemap и robots в финальном SEO baseline.

Parallel routes

Смотрим, как layout одновременно рендерит children и @modal slot.

Modal vs full page

Сравниваем UX modal route и полноценную SEO detail page.

Suspense and streaming

Смотрим, как shell страницы появляется раньше медленного server block.

Supabase architecture

Смотрим, где browser client, server client, Auth и Postgres находятся в EventMap.

Supabase RLS

Смотрим, как таблица favorites, grants и RLS policies защищают строки пользователя.

Supabase Auth

Смотрим, как Magic Link, Google OAuth, callback route и safe redirect работают вместе.

Supabase Cloud Favorites

Смотрим, как guest localStorage favorites переключаются на account-based favorites с RLS.

Финальная архитектура

Карта Product EventMap, Demo Lab, server/client границ и backend-направлений.