---
name: multipage-routing
description: "Implement a website with multiple addressable pages. Use for routing, multipage, React."
---

# Многостраничная архитектура

Implement a website with multiple addressable pages.

## Implementation decisions

1. Map content entities to stable URLs and keep list/detail pages separate.
2. Place shared navigation and providers in layout boundaries.
3. Use query parameters for shareable filter state and validate unknown values.
4. Provide unique metadata, a useful 404 and direct links to nested routes.

## Working source

Read [components/templates.tsx](../webcraft-shared/source/components/templates.tsx) when implementing this capability. The example belongs to the WEBCRAFT React/Three.js playground except the Python commerce starter, which runs without third-party dependencies. Use [shared catalog](../webcraft-shared/source/lib/catalog.ts) only to resolve related examples. Adapt the source to the target framework and preserve existing project conventions.

## Verify observable behavior

- Refreshing a nested route works.
- Back/forward restore route and filter state.
- Every page has a meaningful title.

## Scope

Use only the parts relevant to the requested task. This skill does not grant permission to publish, spend money, change account access or expose secrets. The original brief and environment rules remain authoritative.

Live example: https://webcraft-skill-library.undrgrnd.chatgpt.site/demos/transition

Version 2.0.0 · Original WEBCRAFT content · MIT