Nuxt Interview Prep

martinnavratil.dev

Hydration errors

Why mismatches happen, the catalogue of causes, the diagnosis workflow and author responsibilities.

Pages

What hydration isrenderToString on the server, createSSRApp().mount() walking the DOM on the client, how Nuxt ships state so both renders agree, and what Vue does when they do not.
Catalogue of causesThe eighteen ways a Nuxt app renders differently in Node and in the browser, what each one looks like in the console, and the Nuxt-native fix for each.
Diagnosing, step by stepA seven-step workflow from reading the warning to a production build that talks, and the E2E test that turns the manual check into a CI gate.
Author responsibilitiesThe rules a layer or module author follows so that nothing they ship can cause a mismatch in a consumer's app, and how they prove it in the playground.

Notes for the whole section