Всем хай, при создании компонента для него должны применяться стандартные настройки, пользователь может сохраниь определённые настройки для одного компонента и/или сохранить для себя один темплейт и тогда все компоненты без собственных конфигураций должны принимать темплейтные настройки (как бы заменять стандартные настр. для всех, на свои). Я создаю для этого 3 таблицы: стандартные_настройки (задаёт админ, только одно поле), темплейтные(сам юзер, только для себя, только одно поле), и просто_настроки(для каждого компонента отдельно). Нормальный ли подход, а то я тут напридумывал а выглядит как лажа ????

Ну он так под капотом и работает, дожидается пока все запросы выполнятся.

Если у тебя в коде apollo-хуки, то import { getDataFromTree } from ‘@apollo/react-ssr’ (https://github.com/apollographql/react-apollo/blob/master/packages/ssr/src/getDataFromTree.ts)

Если у тебя аполло компоненты, то import { getDataFromTree } from 'react-apollo’;

Ну и совсем экзотика если у тебя Relay https://github.com/relay-tools/react-relay-network-modern-ssr#server

client.extract(); и setTimeout(()=>client.extract(), 2000) дадут разные результаты

Если у тебя запрос в запросе, то да он краулит только первый уровень запросов.

Вобщем суть SSR проста как валенок:
1) Запускаешь первый рендер приложения, чтоб дернулись все GraphQL-запросы
2) Мониторишь нетворк лейер пока выполнятся все запросы.
3) После того как нетворк лейер выполнил все запросы, получаешь все данные из стора/кеша
4) Рендеришь приложение второй раз, передавая ему уже готовый стейт/кеш полученный на предыдущем шаге.
5) После второго рендера получаешь полную разметку, которую отдаешь клиенту. Ну это если у тебя запросы стали переиспользовать синхронно данные из стора/кэша.