Глава 28. Получение данных, кэш и revalidate
Зачем эта глава
Next.js даёт удобные инструменты для загрузки данных и кэширования. Это помогает ускорить сайт и снизить нагрузку.
Теория (коротко)
Функция fetch в Next.js умеет кэшировать ответы.
Можно настроить обновление данных через revalidate.
const res = await fetch("https://api.example.com/posts", {
next: { revalidate: 60 }
});
const posts = await res.json();
Подсказка: если данные должны быть всегда свежими, отключай кэш.
Задания
Задание: данные
- Подключи API на серверной странице.
- Добавь revalidate.
- Выведи дату обновления.
Проверка себя
Ты понимаешь, как работает кэш Next.js и когда его использовать.
Мини-проект
Цель: блог с обновлением каждые 60 секунд.
Требования: серверная загрузка и revalidate.
Критерий готовности: контент обновляется автоматически.
Словарь главы
- revalidate
- Период обновления данных.
- Кэш
- Сохранённые данные для ускорения загрузки.