Next.js 15 Tutorial - 9 - Catch all Segments

Понимание концепции catchall сегментов

Введение в концепцию маршрутизации

• Обсуждается мощная концепция маршрутизации под названием "catchall сегменты", которая помогает организовать документацию для проекта с несколькими функциями и концепциями.

• Пример: сайт документации имеет пять функций, каждая из которых содержит несколько концепций, что приводит к необходимости создания уникальных маршрутов для каждой концепции.

Проблема с количеством маршрутов

• Если у нас 20 функций и каждая функция имеет 20 концепций, это приведет к 400 различным маршрутам, что требует создания 400 отдельных файлов в проекте.

• Динамическая маршрутизация может помочь сократить количество файлов до 20 за счет использования динамических папок с идентификаторами функций и концепций.

Решение через catchall сегменты

• Использование функции "catchall сегментов" позволяет обрабатывать все сегменты URL в одном файле. Это упрощает структуру проекта.

• Создание папки docs и использование специальной нотации (квадратные скобки с тремя точками) позволяет создать универсальный маршрут для всех URL с docs.

Реализация и доступ к параметрам

• Показано, как использовать объект params для доступа к различным сегментам URL внутри компонента.

• Структурирование массива slug из параметров позволяет возвращать разные заголовки в зависимости от длины массива.

Опциональные catchall сегменты

• Обсуждение опциональных catchall сегментов: если переименовать папку slug и обернуть её в дополнительные квадратные скобки, это сделает сегменты опциональными.