#11 — Какой сайт делать: SPA или MPA? Что такое SSR, SSG и ISR (в гостях Виталий Шушкевич)
Description
Технологии и техники разработки сайтов не стоят на месте. От классических многостраничных сайтов мы ушли к одностраничным, а потом вернулись обратно.
Разбираемся в том, что такое Single Page Application (SPA) и Multi Page Application (MPA). Выбираем способы рендеринга между Server Side Rendering (SSR), Static Site Generation (SSG) и Incremental Static Generation (ISR) вместе с Алексеем Авдеевым, CTO в Mish, и Виталием Шушкевичем, разработчиком в Mish
00:00 Начало
01:30 Как сайты работали в "начале времён", что такое Multi Page Application (MPA)
03:03 Плюсы MPA
03:47 Что такое статический сайт (Static Site)
04:40 Какие плюсы и минусы у статических сайтов
08:25 Для каких проектов лучше всего делать статические сайты
08:50 Что такое Single Page Application (SPA), когда он появился
12:25 Какие плюсы и минусы у SPA, для каких проектов он лучше подходит
16:50 Какие способы рендеринга существуют? Что так Server Side Rendering (SSR)?
18:10 Что такое Static Site Generation (SSG)
18:49 Что такое Incremental Static Generation (ISR)
20:30 Как мы использовали Static Site Generation (SSG) и генерировали 2 млн. страниц
22:00 Подводим итоги
22:50 Что нас ждёт дальше, что ещё можно придумать
23:30 Ещё раз подводим итоги: где и что лучше использовать
24:38 Почему важно следить за появлением новых технологий
Ссылки по теме:
- Одностраничное приложение (SPA) – https://ru.wikipedia.org/wiki/%D0%9E%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5
- Incremental Static Regeneration – https://nextjs.org/docs/pages/building-your-application/data-fetching/incremental-static-regeneration
- Static Site Generation (SSG) – https://nextjs.org/docs/pages/building-your-application/rendering/static-site-generation
- What is CSR, SSR, SSG, ISR (Different Rendering Strategies) and which framework does it better (Angular, React, Vue) – https://dev.to/mbaljeetsingh/what-is-csr-ssr-ssg-isr-different-rendering-strategies-and-which-framework-does-it-better-angular-react-vue-4lkp
- Single Page Application (SPA) vs Multiply Page Application (MPA): What to choose? – https://www.halo-lab.com/blog/spa-vs-mpa-what-to-choose