Курс NextJS. 8. Статический или динамический рендеринг? / Learning NextJS. Static vs. Dynamic Rendering
Демонстрация и обсуждение преимуществ (быстрый и надежный вывод кэшированных страниц)
и недостатков (невозможность обновления данных в реальном времени) статической отрисовки.
Обоснование потребности в переходе к dynamic rendering для отображения данных в реальном
времени и/или актуализации данных при каждом посещении страницы
Презентацию можно скачать здесь:
https://dmpsy.club/references/NextJS/...
Загрузить приложение с GitHub:
https://github.com/DmitryMakar/nextjs...
Поддержать автора: https://www.donationalerts.com/r/dmit...
Хронометраж
0:00:00 Введение
0:00:30 Целевая аудитория
0:00:49 План работы
0:02:31 Проблема "медленного запроса" из прошлой лекции. Постановка задачи
0:04:31 Задерживаем запуск запроса в fetchRevenue()
0:05:15 Подготовительные шаги
0:09:31 Демонстрация на сервере разработки. Обсуждение результатов
0:27:23 Демонстрация эксплуатационной (production) сборки. Обсуждение результатов
0:39:28 Особенности статической отрисовки (static rendering)
0:43:20 Особенности динамической отрисовки (dynamic rendering)
0:45:49 Подведем итоги
0:47:28 Полезная информация
0:48:03 Заключительные замечания
Timing
0:00:00 Introduction
0:00:30 Target Audience
0:00:49 Agenda
0:02:31 The "Slow Query" Problem from the Previous Lecture. Statement of the Problem
0:04:31 Delay the fetchRevenue() Function Execution
0:05:15 Preliminary steps
0:09:31 Dev-server Demo & Discussion
0:27:23 Production Build Demo & Discussion
0:39:28 Static Rendering Pros & Cons
0:43:20 Dynamic Rendering Pros & Cons
0:45:49 Summary
0:47:28 Useful Info
0:48:03 Closing Comments
Demonstrate and discuss benefits (fast and reliable retrieval of cached pages)
and limitations (inability to update data in a real time mode) of static rendering.
Justify the need to change to dynamic rendering to display the real-time data and/or
update data each time the page is opened
The presentation can be downloaded here:
https://dmpsy.club/references/NextJS/...
Download the app from GitHub:
https://github.com/DmitryMakar/nextjs...
Donate the author: https://www.donationalerts.com/r/dmit...