Когда применять шаблонизатор express, а когда ssr next?

Question

[veteral]

Здравствуйте!
Изучаю express, react. Решил написать интернет-магазин. Везде пишут, что для СЕО необходимо рендерить страницу на сервере. Для этого используют Next для фронта. Вопрос: в чем отличие (когда применять) шаблонизатор express выдающий готовую страницу и ssr на next. Спасибо.

Comments

[Владимир]

SSR работает и без некста, некст это "готовый рецепт", чего то вроде "create react app" но для SSR. У некста кстати хватает проблем, например странный роутинг. Второе что пытаюсь понять - каким боком express - шаблонизатор. Чет вы у себя в голове какую то кучу нагородили. Почитайте официальную документацию React желательно полностью.
https://reactjs.org/docs/react-dom-server.html
https://reactjs.org/docs/react-dom.html#hydrate

[veteral]

Может я не так выразился. Поясню о чем я хочу спросить. Если я правильно понимаю есть два варианта отображения. 1. Это Rest API. Express отправляет JSON. React отрисовывает данные. Получается SPA приложение и возникают проблемы с SEO. Поэтому применяется рендер на сервере при помощи Next.
2. Используем шаблоны, например pug. Создаем странички на сервере и отправляем. Как понимаю это работает как в php. Вопрос у меня такой, чем отличается и что когда применять - рендер на сервере сразу при помощи шаблонов или использовать SSR.

[Владимир]

veteral, Начните с изучения обычного SPA, напишите пет проджект, потом при желании переделайте на SSR, ну и если совсем захочется заморочиться, сделайте шаблоны например на pug и попробуйте к этом прикрутить реакт. Возможно вы уже и не захотите связываться с третьим кейсом, просто представьте какой у вас будет оверхед по логике.

Answer 1

[Владимир]

Я сторонник использования https://prerender.io/ для SEO, таким образом на сервер нагрузка увеличивается только в том случае, если страницу запрашивает поисковый бот, обычный посетитель по прежнему забирает нагрузку по формированию страницы на себя, ну и overhead для разработчика на порядок меньший

Comments

[veteral]

Спасибо. Посмотрю.