Как работает кеширование в Next.js?

Senior
214 просмотров
AFK Offer AI

Next.js имеет 4 уровня кеша: Request Memoization (дедупликация fetch в одном рендере), Data Cache (персистентный кеш fetch на сервере), Full Route Cache (закешированный HTML/RSC payload), Router Cache (клиентский кеш на навигацию). Data Cache по умолчанию бесконечный — нужно явно revalidate. Router Cache кеширует 30с для динамических, 5 мин для статических страниц. Кеширование агрессивное — частая ловушка, когда данные не обновляются. opt-out через no-store, revalidate: 0, cookies()/headers().

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

Как реализовать Kanban Board?