Next.js 14 App Router #9 - Кэширование
#nextjs13 #javascript #typescript
00:00 Вступительный общий обзор кеширования в Next.js
14:11 Full route cache
20:55 Router cache
26:38 Request Memoization
35:22 Data cache
Code: github.com/easydevgit/next-13...
Пікірлер: 22
Дякую, дуже доступно все пояснили, виправив помилки які були в проекті завдяки Вашому відео
Мне бы твоё спокойствие братишка. Спасибо за урок
Большое спасибо за отличную подачу и подробное объяснение сложной темы, очень качественный и полезный контент!
Просто коммент, для продвижения контента. Спасибо, было познавательно 🙃
Отличное видео и классные примеры!
Привет. Отличное видео, спасибо за труды и адекватное объяснение все информации.
Отличный канал, просто находка 👍
Привет, спасибо большое за видео, очень полезно запиши или напиши пожалуйста список твоих расширений для VScode)
Коротко о кешировании в Next: Router cache -> SSG cache -> Request cache -> SSR cache
Ты супер
у меня такой вопрос с ревалидейт (возможно глупый) то есть по истечении времени первый запрос все равно придет со старыми данными из кэша? (которые помечены как устаревшие) и данные на странице обновятся только после второго запроса? или придут старые данные, потом сервер кэширует новые данные и отправляет их на клиент и контент страницы изменится на глазах? то есть ты первые секунды видишь старый контент, а потом бац и текст на странице поменялся?)
Спасибо автору за понятное экспертное объяснение! Давно искал эксперта по Next, который умеет доходчиво объяснять. У меня есть запрос на индивидуальные консультации по Next, автор напиши пожалуйста контакт, куда можно тебе написать.
Спасибо за ваши уроки! Вы говорите что “когда мы первый раз запрашиваем, они закешируются и потом при последующих запросах из других компонентов, ф-ция запроса выполнятся не будет”. В документации говорится “После визуализации маршрута и завершения этапа рендеринга память «сбрасывается», и все записи запоминания запросов очищаются.” Я так понимаю, после того, как страница (маршрут) полностью отрендерена и пользователь видит конечный результат на своем экране, вся информация, которая была временно сохранена (закэширована) для ускорения этого процесса рендеринга, удаляется из памяти. Вопрос у меня такой: Если кеш очищается в одном компоненте после рендеринга всего компонента, то в другом компоненте если мы сделаем запрос с одним и тем же URL и с одними и теми же параметрами, выходит так что кеш у нас будет пустым, и ф-ция запроса будет выполняться. Но вы говорили что “ф-ция запроса не будет выполняться”. Не понятно просто
Возможно что-то изменилось за прошедшее время с router-cache, но если мы изменим данные на сервере, то на клиенте они обновятся через 25 секунд без обновления страницы, но пользователю нужно будет перейти по ссылкам (запросы будут идти заново). Если мы обновляем страницу, то эти данные обновятся мгновенно - получается SSR. Если не обновляем страницу, а переходим по ссылкам , то через 25 секунд на клиенте произойдут повторные запросы на сервер - своеобразный ISR на стороне клиента.
Спс
зашел просто поддержать лайком, смотреть позже буду) если бы не твои ролики, то не знаю как бы выполнил тестовое задание по Next.js с котором не сталкивался до этого
Смотреть Ваши одно удовольствие. Спасибо. По Suspenze можете записать видео и по env - переменным, пробовал, смотрел видео, делал по документации - все равно не видит.
@Integrations1Cv8
8 ай бұрын
env файл перенёс в родительскую папку, заработало. Suspenze - нашёл пример в документации, делается так же как и в React
Привет, отличный материал. Можешь подсказать по паре вопросов. 1. Я использую react-query в связке с axios. next revalidate будет работать в options axios? 2. Какие есть способы рантайм обновления next build, когда в базе данных через админку что-то меняется?
@easydev1205
6 ай бұрын
1. Если не fetch, то можно отдельно добавить export const revalidate = 3600 nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating#time-based-revalidation 2. Можно сделать ревалидацию по url или по тэгу nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating#on-demand-revalidation
@iscars
6 ай бұрын
@@easydev1205 привет. спасибо, да я уже пришел к этому. только не получилось с react query ревалидацию серверную завести. Там invalidate своей жизнь живет.