Next.js III: SEO, i18n 2026

EventMap starts with URL architecture

A training project for SEO, i18n and App Router patterns.

SEO

Start with page structure and basic metadata.

i18n

Keep locale in the URL before translating the interface.

App Router patterns

Separate pages, shared UI and simple server components.

Demo Lab

Demo Lab

Small isolated pages for checking patterns before they move into EventMap.

URL segment/en
html langen
params.localeen

searchParams filter

Read city from URL searchParams and filter demo events on the server.

Zod boundary

Check raw items before they reach EventCard UI.

Safe fallback

Show fallback data instead of a red screen when external data fails.

Route map

See how [locale], [id] and query strings appear in current EventMap routes.

Static event params

See which locale and event id pairs are prepared for next build.

Controlled content source

Compare controlled event ids with live Ticketmaster ids before static detail pages are built.

Cache policy

Compare controlled content, live fetch cache and preview no-store.

Rendering strategy map

Compare static, dynamic, ISR, no-store and client routes in EventMap.

Live cache

See how live Ticketmaster data returns to EventMap with cache policy.

Client-side search

See why results loaded after useEffect are weak for SEO.

Search segments

See how [[...segments]] turns clean search URLs into server filters.

Search navigation

Active filters, reset links and pagination without client state.

Live search source

See how product search tries Ticketmaster first and falls back to controlled events.

SEO baseline

Check title, description, canonical, hreflang, sitemap and robots in the final SEO baseline.

Parallel routes

See how a layout can render children and @modal slot at the same time.

Modal vs full page

Compare a UX modal route with a full SEO detail page.

Suspense and streaming

See how a page shell can render before a slow server block finishes.

Supabase architecture

See where browser client, server client, Auth and Postgres fit into EventMap.

Supabase RLS

See how favorites table, grants and RLS policies protect user rows.

Supabase Auth

See how Magic Link, Google OAuth, callback route and safe redirect work together.

Supabase Cloud Favorites

See how guest localStorage favorites switch to account-based favorites with RLS.

Final architecture

See how Product EventMap, Demo Lab, server/client boundaries and backend options fit together.