Skip to content

README.md

Latest commit

 

History

History
42 lines (28 loc) · 1.49 KB

README.md

File metadata and controls

42 lines (28 loc) · 1.49 KB

Next 13 with Preact

...Sighs in JavaScript...

If you're unable to use the app directory with React Server Components (in beta), streaming SSR, or Suspense, but still want/need improvements to Next utilities, Next 13 with Preact is for you.

Next 13 requires Preact to add support for renderToReadableStream.

⚠️ Disclaimer ⚠️

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.

Supported Next.js version

13.1.*

Dependencies

Usage

Follow the instructions in next-preact-plugin

Run patch-package in postinstall:

{
  "scripts": {
    "postinstall": "patch-package"
  }
}

Patches

  • Remove the check for React 18 in next/dist/build/webpack-config.js
  • Switch back to renderToString in next/dist/server/render.js
  • Dynamic imports without lazy in next/dist/shared/lib/loadable.js
    • Prevent running ssr: false loaders in next/dist/shared/lib/dynamic.js