developit/nextjs-preact-demo

Next.js 9.3 + Preact = 21kB

Preact example

This is a fully working example of Next.js 9.5 running on Preact instead of React.

This reduces the base JavaScript weight of pages to ~22kB.

🔭 In the future, this can be even smaller with some additional Webpack optimizations.

How to use

Clone this repo and run npm install:

git clone https://github.com/developit/nextjs-preact-demo.git
cd nextjs-preact-demo
npm install

There are three commands available:

# start a development server:
npm run dev

# create a production build:
npm run build

# start a production server:
npm start

How does it work?

The example takes advantage of npm/yarn aliases, which essentially allow installing preact/compat at node_modules/react.

Here's how this example repo was set up:

• Set up a basic Next.js app using create-next-app
• Install preact, uninstall react and react-dom.
• Install preact-compat/react and preact-compat/react-dom for aliasing.
• Use an npm alias to replace react-ssr-prepass with preact-ssr-prepass (also works with Yarn).