DiscoverСложнааа!#11 — Какой сайт делать: SPA или MPA? Что такое SSR, SSG и ISR (в гостях Виталий Шушкевич)
#11 — Какой сайт делать: SPA или MPA? Что такое SSR, SSG и ISR (в гостях Виталий Шушкевич)

#11 — Какой сайт делать: SPA или MPA? Что такое SSR, SSG и ISR (в гостях Виталий Шушкевич)

Update: 2023-06-23
Share

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

Comments 
In Channel
loading
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

#11 — Какой сайт делать: SPA или MPA? Что такое SSR, SSG и ISR (в гостях Виталий Шушкевич)

#11 — Какой сайт делать: SPA или MPA? Что такое SSR, SSG и ISR (в гостях Виталий Шушкевич)