Hydration and caching issues on universal rendering page

I have three issues on a page that is using SSR / universal rendering...

1. There are hydration errors — I'm guessing this is something I've misconfigured in the client-side code. Page code: https://github.com/seancdavis/qr-polls/blob/main/pages/polls/%5Bid%5D.vue
2. I'm curious why the initial response is empty. The docs noted that universal rendering had the benefit of SEO/prerendering + hydration, but maybe I'm thinking about this wrong?

<body>
  <div id="__nuxt">
    <div>
      <!---->
    </div>
  </div>
  <!---->
</body>

<body>
  <div id="__nuxt">
    <div>
      <!---->
    </div>
  </div>
  <!---->
</body>

3. I don't seem to be able to set response headers from that dynamic page. They worked when specified in the config file, but I need to set at least one of them dynamically from the page. Relevant code: https://github.com/seancdavis/qr-polls/blob/main/pages/polls/%5Bid%5D.vue#L8-L13

Code: https://github.com/seancdavis/qr-polls
Demo: https://qr-polls.netlify.app/
Netlify cache inspector: https://cache-inspector.netlify.app/

GitHub

qr-polls/pages/polls/[id].vue at main · seancdavis/qr-polls

Contribute to seancdavis/qr-polls development by creating an account on GitHub.

GitHub

GitHub - seancdavis/qr-polls

Contribute to seancdavis/qr-polls development by creating an account on GitHub.

Nuxt•12mo ago•

22 replies

seancdavis

Hydration and caching issues on universal rendering page

<body>
  <div id="__nuxt">
    <div>
      <!---->
    </div>
  </div>
  <!---->
</body>

<body>
  <div id="__nuxt">
    <div>
      <!---->
    </div>
  </div>
  <!---->
</body>

GitHub

qr-polls/pages/polls/[id].vue at main · seancdavis/qr-polls

Contribute to seancdavis/qr-polls development by creating an account on GitHub.

GitHub

GitHub - seancdavis/qr-polls

Contribute to seancdavis/qr-polls development by creating an account on GitHub.

Hydration and caching issues on universal rendering page

Hydration and caching issues on universal rendering page

Similar Threads

Similar Threads

Similar Threads