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

  • @user-rt7tp3tk5s
    @user-rt7tp3tk5s4 ай бұрын

    Дякую, дуже доступно все пояснили, виправив помилки які були в проекті завдяки Вашому відео

  • @castiliOR
    @castiliOR3 ай бұрын

    Мне бы твоё спокойствие братишка. Спасибо за урок

  • @rorrianmyrrr3744
    @rorrianmyrrr37444 ай бұрын

    Большое спасибо за отличную подачу и подробное объяснение сложной темы, очень качественный и полезный контент!

  • @kakieToYroki
    @kakieToYroki8 ай бұрын

    Просто коммент, для продвижения контента. Спасибо, было познавательно 🙃

  • @DenInside
    @DenInside7 ай бұрын

    Отличное видео и классные примеры!

  • @h.alexandr5301
    @h.alexandr53018 ай бұрын

    Привет. Отличное видео, спасибо за труды и адекватное объяснение все информации.

  • @imthebest8000
    @imthebest80004 ай бұрын

    Отличный канал, просто находка 👍

  • @kkkotiqqq
    @kkkotiqqq8 ай бұрын

    Привет, спасибо большое за видео, очень полезно запиши или напиши пожалуйста список твоих расширений для VScode)

  • @---Maksim---
    @---Maksim---7 ай бұрын

    Коротко о кешировании в Next: Router cache -> SSG cache -> Request cache -> SSR cache

  • @CTILET
    @CTILET4 ай бұрын

    Ты супер

  • @tontontonic
    @tontontonic3 ай бұрын

    у меня такой вопрос с ревалидейт (возможно глупый) то есть по истечении времени первый запрос все равно придет со старыми данными из кэша? (которые помечены как устаревшие) и данные на странице обновятся только после второго запроса? или придут старые данные, потом сервер кэширует новые данные и отправляет их на клиент и контент страницы изменится на глазах? то есть ты первые секунды видишь старый контент, а потом бац и текст на странице поменялся?)

  • @vladimirbavtenko9080
    @vladimirbavtenko90804 ай бұрын

    Спасибо автору за понятное экспертное объяснение! Давно искал эксперта по Next, который умеет доходчиво объяснять. У меня есть запрос на индивидуальные консультации по Next, автор напиши пожалуйста контакт, куда можно тебе написать.

  • @director8414
    @director84145 ай бұрын

    Спасибо за ваши уроки! Вы говорите что “когда мы первый раз запрашиваем, они закешируются и потом при последующих запросах из других компонентов, ф-ция запроса выполнятся не будет”. В документации говорится “После визуализации маршрута и завершения этапа рендеринга память «сбрасывается», и все записи запоминания запросов очищаются.” Я так понимаю, после того, как страница (маршрут) полностью отрендерена и пользователь видит конечный результат на своем экране, вся информация, которая была временно сохранена (закэширована) для ускорения этого процесса рендеринга, удаляется из памяти. Вопрос у меня такой: Если кеш очищается в одном компоненте после рендеринга всего компонента, то в другом компоненте если мы сделаем запрос с одним и тем же URL и с одними и теми же параметрами, выходит так что кеш у нас будет пустым, и ф-ция запроса будет выполняться. Но вы говорили что “ф-ция запроса не будет выполняться”. Не понятно просто

  • @АлексейДромов
    @АлексейДромов16 күн бұрын

    Возможно что-то изменилось за прошедшее время с router-cache, но если мы изменим данные на сервере, то на клиенте они обновятся через 25 секунд без обновления страницы, но пользователю нужно будет перейти по ссылкам (запросы будут идти заново). Если мы обновляем страницу, то эти данные обновятся мгновенно - получается SSR. Если не обновляем страницу, а переходим по ссылкам , то через 25 секунд на клиенте произойдут повторные запросы на сервер - своеобразный ISR на стороне клиента.

  • @UCmdrhccjVM95UidL5idZw2Q
    @UCmdrhccjVM95UidL5idZw2Q8 ай бұрын

    Спс

  • @trendsgallery
    @trendsgallery8 ай бұрын

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

  • @Integrations1Cv8
    @Integrations1Cv88 ай бұрын

    Смотреть Ваши одно удовольствие. Спасибо. По Suspenze можете записать видео и по env - переменным, пробовал, смотрел видео, делал по документации - все равно не видит.

  • @Integrations1Cv8

    @Integrations1Cv8

    8 ай бұрын

    env файл перенёс в родительскую папку, заработало. Suspenze - нашёл пример в документации, делается так же как и в React

  • @iscars
    @iscars6 ай бұрын

    Привет, отличный материал. Можешь подсказать по паре вопросов. 1. Я использую react-query в связке с axios. next revalidate будет работать в options axios? 2. Какие есть способы рантайм обновления next build, когда в базе данных через админку что-то меняется?

  • @easydev1205

    @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

    @iscars

    6 ай бұрын

    @@easydev1205 привет. спасибо, да я уже пришел к этому. только не получилось с react query ревалидацию серверную завести. Там invalidate своей жизнь живет.

Келесі