seancdavis
seancdavis
PostsComments
NNuxt
Created by seancdavis on 2/26/2025 in #❓・help
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/
17 replies