b8bf2c84b9
Users that experiment with PPR and might have seen #61798, or #62703, or most recently #65483, may try the `__nextppronly=1` query param to debug the static shell. This will lead to the following uncaught error and blank page: <img width="1045" alt="static shell debugging hydration error" src="https://github.com/vercel/next.js/assets/761683/ed382d97-82ae-4a23-9930-bb4d4419e88e"> It might not be immediately obvious that javascript must be disabled to see the static shell. To improve the DX in this scenario we can omit the bootstrap script to skip hydration, and thus prevent the error. Then debugging the static shell works even without disabling javascript in the devtools. <img width="1045" alt="static shell debugging without hydration" src="https://github.com/vercel/next.js/assets/761683/57f6cb88-f5b4-473f-963f-7fda8c8e7f00"> In addition, we should add the closing body and html tags to the shell so that a valid HTML document is returned. |
||
---|---|---|
.. | ||
app | ||
static-shell-debugging.test.ts |