Next Js

Next js

Use with Preact

https://github.com/preactjs/next-plugin-preact

Bundle size diff

  • With React
Page                                       Size     First Load JS
┌ λ /                                      27.4 kB         137 kB
├   └ css/a3c119d5dd317ae8.css             4.92 kB
├   /_app                                  0 B             109 kB
├ λ /404                                   1.46 kB         111 kB
└ λ /test                                  3.12 kB         112 kB
    └ css/c81962735eff8c67.css             610 B
+ First Load JS shared by all              109 kB
  ├ chunks/framework-5f4595e5518b5600.js   42 kB
  ├ chunks/main-7f47e5664cc27c58.js        26.1 kB
  ├ chunks/pages/_app-3e9e24288d25b4bc.js  39.5 kB
  ├ chunks/webpack-9f77c3b460001c2a.js     1.56 kB
  └ css/1b02f4f3d712efdb.css               949 B
  • With Preact
Page                                       Size     First Load JS
┌ λ /                                      27.4 kB         103 kB
├   └ css/5a6c285780565494.css             4.91 kB
├   /_app                                  0 B            75.2 kB
├ λ /404                                   1.46 kB        76.6 kB
└ λ /test                                  3.12 kB        78.3 kB
    └ css/c81962735eff8c67.css             610 B
+ First Load JS shared by all              75.2 kB
  ├ chunks/framework-ef1faeaa7e0ce456.js   8.09 kB
  ├ chunks/main-014b8793f641cb33.js        26 kB
  ├ chunks/pages/_app-9d72baa8c45797ca.js  39.5 kB
  ├ chunks/webpack-12ba655c3d4f5b7b.js     1.56 kB
  └ css/2dc05ac776ea8679.css               942 B