Заголовки на сайте показываются на двух языках. Язык хранится в localStorage, соответственно на сервере просто генерируется английский (по умолчанию). В результате, у пользователей, у которых установлен русский язык, с сервера приходит английский текст, а затем в браузере переключается. Это все происходит за долю секунды и очень некрасиво дергается.
Как правильно обрабатывать такие ситуации? Первое, что приходит в голову - хранить не в localStorage, а в куках, но может есть другие варианты?
Я вот видел, как на сайтах (на youtube в том числе) при загрузке страницы вместо текстов и вообще вместо всех элементов, показываются серые прямоугольники, которые затем заменяются данными. Что это такое? Как это работает?
Используйте cookie. Напишите две обертки для работы с cookie на стороне клиента и сервера с идентичным интерфейсом и создавайте инстансы в соответствующих точках входа. Так можно будет использовать один и тот же код использующий cookie на сервере и клиенте.
Что-то вроде:
Это серые прямоугольники (span'ы/div'ы с серым background-color), которые показываются, пока сайт тянет данные аяксом. Надо понимать, что в этом случае преимущества SSR практически сводятся к нулю, показать заглушки можно и без сервера.
Чем вариант с куками не нравится? Это, наверное, единственный вариант, если вы SSR для SEO юзаете, вам же нужно индексировать тексты и для других языков?
