Для того чтобы решить, на чём делать фронтенд, нужно понимать разницу между CSR, SSR, SSG, ISR. Это даст понимание, какие у вас есть возможности и ограничения, и выбрать ту технологию, которая отвечает вашей бизнес-логики.
Что такое CSR, SSR, SSG, ISR
(различные стратегии рендеринга) и какой фреймворк делает это лучше (Angular, React, Vue)
01) CSR означает рендеринг на стороне клиента. Здесь весь веб-сайт отображается в браузере.
Используйте при создании панели администратора и когда SEO не важно. В браузере должен быть включен javascript.
Angular, React, Vue поддерживают его из коробки.
02) SSR означает рендеринг на стороне сервера. Здесь веб-страницы отображаются на сервере, а затем отправляются клиенту.
Используйте, когда важна скорость и поисковая оптимизация. Приложение работает без включенного javascript в браузере.
- Angular поддерживает его через Angular Universal
- React через NextJS
- Vue через NuxtJS
03) SSG означает создание статических сайтов. Здесь веб-страницы отображаются во время сборки.
Используйте, когда важна скорость и поисковая оптимизация. Разместите приложение на любом статическом хостинге (netlify/vercel)
- Angular поддерживает его через Scully/Angular Universal
- React через NextJS/Gatsby
- Vue через NuxtJS/Gridsome.
04) ISR означает добавочную статическую регенерацию. Здесь веб-страницы регенерируются «на лету» через определенное время.
Те же преимущества, что и у SSG. Все приложение не нужно собирать после каждого изменения.
- Angular не поддерживает
- React через NextJS
- Vue не поддерживает
Теперь, когда вы знаете в чём разница, вам уже будет легче выбрать на чём писать ваше веб-приложение. Подписывйтесь на наш блог, оставляйте оценки и комментарии.