Preact example
This is a fully working example of Next.js 9.3 running on Preact instead of React.
This reduces the base JavaScript weight of pages to 21kB.
? 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, uninstallreactandreact-dom. - Install preact-compat/react and preact-compat/react-dom for aliasing.
- Use an npm alias to replace
react-ssr-prepasswithpreact-ssr-prepass(also works with Yarn).