Допустим, есть движок блога со статьями и комментариями, и мы используем PHP на сервере и Vue / Angular на клиенте (не принципиально, что именно, желательно отвязать сервер от клиентской технологии (и наоборот)).
К примеру, на любой внешний запрос к сайту, мы выдаем точку запуска для SPA, примешивая примитивный статический контент, скажем, по адресу /post/112?commentsPage=3
<head>Тут метаданные конкретной статьи</head>
<body>
<app-root>
<h1>Здесь статья<h1><p>И ее текст с датой, автором и т.д....</p> <a href="/post/113">Следующая статья</a>
<h2>Комментарии</h2>
<p>Здесь комментарии ...</p>
<a href="/post/112?commentsPage=2">Предыдущие комментарии</a>
</app-root>
</body>
В свою очередь, клиентский движок ничего об этом не знает, затирает содержимое и уже сам обрабатывает маршрут согласно своему движку маршрутизации, запрашивая и статью, условно говоря, /api/post?id=112, и комментарии, скажем, /api/comments?postId=112&page=3
Поисковая машина должна получать HTML, и код в некоторой степени дублируется, но в данном случае на сервере не обязательно использовать NodeJS и определенные системы. В чем причина? Движок на сервере не зависит от клиента, к примеру, достаточно сменить "тему оформления", т.е. заменить шаблоны, чтобы исключить SPA в принципе. Да и работать это будет на любом хостинге. Опять-таки, гипотетически, такой подход можно реализовать в шаблонах популярных CMS.
Подскажите, есть ли в этом подходе какие-то подводные камни?
