Глава 28. Получение данных, кэш и revalidate

Зачем эта глава

Next.js даёт удобные инструменты для загрузки данных и кэширования. Это помогает ускорить сайт и снизить нагрузку.

Теория (коротко)

Функция fetch в Next.js умеет кэшировать ответы.

Можно настроить обновление данных через revalidate.

JSX
const res = await fetch("https://api.example.com/posts", {
  next: { revalidate: 60 }
});
const posts = await res.json();
Подсказка: если данные должны быть всегда свежими, отключай кэш.

Задания

Задание: данные

  • Подключи API на серверной странице.
  • Добавь revalidate.
  • Выведи дату обновления.

Проверка себя

Ты понимаешь, как работает кэш Next.js и когда его использовать.

Мини-проект

Цель: блог с обновлением каждые 60 секунд.

Требования: серверная загрузка и revalidate.

Критерий готовности: контент обновляется автоматически.

Словарь главы

revalidate
Период обновления данных.
Кэш
Сохранённые данные для ускорения загрузки.