Since Next 13.5, Next compiles some of its dist folder into the "dist/compiled/next-server" folder only when publishing to NPM. This means the file "dist/server/render.js" is not the one that runs, and thus the patch does nothing. Instead the patches would have to be applied to "dist/compiled/next-server/pages.runtime.dev.js" and "pages.runtime.prod.js" accordingly. These files are minified so they're much harder to modify. The approach has changed to instead patch Preact with a custom version of
renderToReadableStreamthat works with Next.
...Sighs in JavaScript...
If you're unable to use the app directory with React Server Components, streaming SSR, Suspense and other React 18 features, but still want/need improvements to Next and its utilities, Next 13+ with Preact is for you.
Next 13 requires Preact to add support for
renderToReadableStream.
My approach was to achieve this with the least amount of changes to Next.js pointing back to Next 12.3.4. So I can't promise that this will work for all your use cases. I also can't promise that this will automatically work in future versions. Proceed with caution.
Follow the instructions in next-preact-plugin
Copy the patches directory to your project root.
If you're using
patch-packagealready, add the.patchincluded here to yourpatchesdirectory.
Install patch-package, and run patch-package in postinstall:
{
"scripts": {
"postinstall": "patch-package"
}
}- Remove the check for React 18 in
next/dist/build/webpack-config.js - Add
server.browserexport topreact/package.json - Add
renderToReadableStreamtopreact/compat/server.js
