Интересует насколько плохо делать полностью раздельное приложение. И если не плохо, то как это правильно сделать.
Существует чужое API которое отдает продукты с их ключевыми словами.
POST /api/v1/product/search
>>> {
term: "Моло"
}
<<< [
{ id: 123, "Молоко" },
{ id: 7, "Молоток" }
]
GET /api/v1/product/123
<<< {
id: 123,
title: "Молоко",
relation: [
{ id: 100, "Сметана" },
{ id: 101, "Йогурт" }
],
price: 26.00
}
И нужно сделать отдельное приложение на чистом JS с маршутизацией по прямым ссылкам и оптимизацией для SEO.
1. Пользователь вводит
https://mysite.com/продукты/молоко
2. Отправляется запрос с поиском продукта по имени
3. Получаем ID
4. Отправляется запрос с ID для получения характеристик продукта и заполнение мета тегов в документе
Как себя поведут поисковые роботы при таком сценарии? Будут ли выполнять JS на странице? Дождутся ли результатов? Как отреагируют на динамические теги? И самое главное как реализовать правильно такой Frontend? Чтоб он работал как SPA, тоесть страница перезагружалась только при прямом переходе по ссылке, а при поиске работало через HistoryApi