Что такое not-found.tsx и как работает обработка 404 в Next.js?

Junior
199 просмотров
AFK Offer AI

not-found.tsx — файл в app/ или вложенных сегментах, показывается при вызове notFound() функции или когда роут не найден. Корневой not-found.tsx обрабатывает все 404. Можно иметь разные 404 страницы для разных секций: app/blog/not-found.tsx для блога. Функция notFound() из next/navigation бросает специальную ошибку, которую ловит ближайший not-found boundary. Работает и в серверных, и в клиентских компонентах. Возвращает HTTP 404 статус.

Следующий вопрос

Как реализовать бесконечный скролл?