Введение

Распространенной проблемой кеширования в Next.js при создании приложения является поведение кеширования Next.js по умолчанию, что приводит к разочарованию многих разработчиков. Во многих случаях кеширование помогает ускорить загрузку страниц и снизить нагрузку на сервер за счет хранения копий ресурсов.
Однако иногда это может привести к отображению устаревшего контента, что может быть проблематичным для динамических приложений, таких как лента блога, где при добавлении отображается новый блог.

Отказ от кэширования данных

Next.js расширяет собственный API Web fetch(), позволяя каждому запросу на сервере устанавливать собственную семантику постоянного кэширования.

Чтобы отказаться от кэширования для отдельных запросов на выборку, вы можете установить для параметра кэширования при выборке значение «без хранения». Данные будут получаться динамически при каждом запросе.

export default async function Page() {

  const dynamicData = await fetch(`https://...`, { cache: 'no-store' })
  const data = await dynamicData.json()
}

Это поможет переопределить поведение кеширования Next.js по умолчанию.