Angular Universal, серверный рендеринг - нужно ли мне это?

[yinfo]

Привет!
Хочу сделать на Angular 5 сайт с тестами. Примерно 100 страниц вида mytests.ru/test/1. На каждой странице - уникальный текстовый контент, который может быть интересен поисковикам и ниже в отдельном компоненте Angular - сам тест.

Ссылки на все тесты можно сделать на главной.

Вопрос:
будут ли Яндекс и Гугл индексировать мой сайт на Angular 5 "из коробки" или нужно использовать Angular Universal или что еще...

Спасибо тем, кто ответит : )

[yinfo]

По Angular Universal можно тут
https://github.com/Angular-RU/angular-universal-starter

Есть ссылки Live Demo. Честно, я так и не понял разницу между ними -
http://ssr.angular.su/ - server-side rendering of the master
http://csr.angular.su/ - client rendering master

[destus]

будут ли Яндекс и Гугл индексировать мой сайт на Angular 5 "из коробки"

Хоть гугл и заявляет что может выполнять JS код для SPA сайтов и индексировать их, но...это все ненадежно. Любая ошибка в коде, которая валит скрипт и никакой индексации не будет. Плюс для бота используется 41версия хрома, которая уже давно устарела...Поэтому да, SSR рендеринг это очень хорошо. К тому же это не только для индексации хорошо. Например, быстрее отрисовать страницу на сервере и отдать клиенту, чем просить медленного клиента разбирать js (мобильные устройства). Я не очень понял к чему тут эти ссылки...на офф.сайте есть туториал как все делается.

[yinfo]

Я не очень понял к чему тут эти ссылки...на офф.сайте есть туториал как все делается.

Вот тут http://csr.angular.su/back
сначала появляется некий код HTML для поисковиков, а через 3 секунды - серверный код. Это пример работы Angular Universal с их angular-universal-starter на github.

[destus]

yinfo,
Вот тут пример. А по ссылке какой-то бред. Там отдается обычный index.html файл с одним селектором <app-root> и шаблоны рендерятся на клиенте. Там же даже в домене прописано csr., то есть client side rendering.

[Gorniv]

view-source:https://ssr.angular.su/back - рендерим на сервере с ожиданием выполнения запрос от api, сделал большое время ожидания для демонстрации, так же смотрите network - Там нет повторных запросов к api. DOM полностью отстроен и готов для seo.


view-source:https://csr.angular.su/back - стандарное spa приложение, где есть только рут.

Я опубликовал два вариаты, чтобы можно было сравнить скорость работы и показать одинаковую кодовую базу.

https://habr.com/post/423739/ - как работает ssr.

[SuperZen]

если приложение будет знать данные до рендерера, то сср сделать просто... а если там lazy load + code splitting то надо https://angular.io/guide/universal

сср для поисковика нужен.