[SSR] pass request headers to ssr server

[MordiSacks]

It would be great if the HttpGateway will forward the original http context (headers, ip, etc) to the ssr renderer.

This would unlock client dependent opportunities (mobile detection, regional specific content, etc.) .

[RobertBoes]

Could you elaborate on why this is helpful and how this would work? I'm having a hard time understanding how this would work, while I get the value of it.

To be clear; Inertia's SSR would only render the HTML of the initial request, so it would only render HTML once, after that it's all CSR. This is useful for search engines and an optimization for load times. However, if you're conditionally rendering things based on the headers, that wouldn't work client-side, because that also doesn't receive request headers

[MordiSacks]

Let's look at view port for example

useViewPort.js

import {onMounted, reactive} from 'vue';

// no request context
const vp = reactive({w: 0, h: 0});

// with request context
const vp = reactive({w: parseUserAgent(req.headers.userAgent).type === 'mobile' ? 400 : 1024, h: 0});

export default function useViewPort() {
  if (typeof window !== 'undefined') onMounted(async () => {
    vp.w = window.innerWidth;
    vp.h = window.innerHeight;

    window.addEventListener('resize', () => {
      vp.w = window.innerWidth;
      vp.h = window.innerHeight;
    });
  });

  return vp;
}