Error ~ Hydration failed because the initial UI does not match what was rendered on the server

[hexed basin]

Hydration failed because the initial UI does not match what was rendered on the server.
There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

I built the following twitter clone from youtube and it works perfectly in dev but fails after deploying to netlify. I just did default settings there and followed my normal flow for SSGs (11ty/Astro); this is my first meaningful Next.js app and first with SSR. I don't really know how to diagnose the problem since it's only happening in production 🙃 any advice would be appreciated!

[https://youtu.be/rCselwxbUgA]

[final junco]

Check that your html is valid

Also are you generating something like random numbers or getting the current time stamp somewhere?

Doing so incorrectly could also lead to this error

[hexed basin]

ended up being that I was using local env and needed to add them to netlify

but now the problem is that I don't know how to access my sanity.io backend for the production build

I got bugs in my comments and feed updating but I need to figure out how to access the live backend

I've only ever done SSGs with netlify cms so since that's github based it's a different flow obv but also it's just updated to what your repo has ya know

https://www.sanity.io/plugins/sanity-plugin-dashboard-widget-netlify --this seems like what I need, but I install it right in my project? I've already installed sanity and got sanity studio running