developit / Nextjs Preact Demo
Next.js 9.3 + Preact = 21kB
Stars: ✭ 356
Programming Languages
javascript
184084 projects - #8 most used programming language
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
, uninstallreact
andreact-dom
. - Install preact-compat/react and preact-compat/react-dom for aliasing.
- Use an npm alias to replace
react-ssr-prepass
withpreact-ssr-prepass
(also works with Yarn).
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].