message: expand ssr documentation
diff: @@ -9,6 +9,34 @@ slug: /guides/ssr-server-side-rendering
  ### Configure Apollo Client for SSR
  Searchkit is able to do server side rendering with a few changes. Due to elastic-ui isn't SSR friendly, you will need to build your own components to do SSR. The first part is to configure apollo to be able to SSR. See [Apollo Server side rendering guide](https://www.apollographql.com/docs/react/performance/server-side-rendering/). Take note on the uri, you will need it to be an absolute path instead of a relative path.
  +### API URI
  +You need to update the URI to one that can be universally accessed on both the client side and server side. Code below is an example of apollo Provider configuration where it needs the uri path to the GraphQL api.
  +
  +```javascript
  +
  +const client = new ApolloClient({
  + ssrMode: true,
  + link: createHttpLink({
  + // uri: '/api/graphql', (example only work on client side)
  + // url: 'http://localhost:3000/api/graphql, (localhost development to test)
  + uri: 'https://my-domain/api/graphql',
  + credentials: 'same-origin'
  + }),
  + cache
  +})
  +
  +const App = ({ children }) => {
  + return (
  + <ApolloProvider client={client}>
  + {children}
  + </ApolloProvider>
  + )
  +}
  +
  +```
  +
  +See Apollo's [SSR docs](https://www.apollographql.com/docs/react/performance/server-side-rendering/) for more information.
  +
  ### Searchkit Routing Configuration
  Then you must enable [url synchronization](https://www.searchkit.co/docs/guides/url-synchronization).
  