Next with Antd
A simple example for showing how to initialize your frontend project with next.js and antd.
Bundle Sizes
Development: npm run dev -> 2680KB
| Name | Status | Type | Initiator | Size | Time |
|---|---|---|---|---|---|
| localhost | 200OK | document | Other | 474 KB / 474 KB | 920 ms902 ms |
| index.js?ts=1553059908721/_next/static/development/pages | 200OK | script | (index)Parser | 1.7 MB / 1.7 MB | 253 ms13 ms |
| _app.js?ts=1553059908721/_next/static/development/pages | 200OK | script | (index)Parser | 348 KB / 347 KB | 16 ms12 ms |
| webpack.js?ts=1553059908721/_next/static/runtime | 200OK | script | (index)Parser | 34.1 KB / 33.8 KB | 13 ms13 ms |
| main.js?ts=1553059908721/_next/static/runtime | 200OK | script | (index)Parser | 880 KB/ 879 KB | 45 ms14 ms |
After build: npm run build && npm start -> 1310KB
| Name | Status | Type | Initiator | Size | Time |
|---|---|---|---|---|---|
| localhost | 200OK | document | Other | 470 KB / 470 KB | 177 ms174 ms |
| index.js/_next/static/o_DHRDq7ZCnL_FwLl6DHG/pages | 200OK | script | (index)Parser | 1.1 MB / 1.1 MB | 37 ms13 ms |
| _app.js/_next/static/o_DHRDq7ZCnL_FwLl6DHG/pages | 200OK | script | (index)Parser | 2.9 KB/ 2.6 KB | 13 ms13 ms |
| webpack-f0c6edbea5b547edc23f.js/_next/static/runtime | 200OK | script | (index)Parser | 1.7 KB / 1.5 KB | 16 ms15 ms |
| commons.649e134287af54e585ca.js/_next/static/chunks | 200OK | script | (index)Parser | 190 KB / 190 KB | 23 ms15 ms |
| main-7e3858c4094762b6abe9.js/_next/static/runtime | 200OK | script | (index)Parser | 15.9 KB / 15.6 KB | 21 ms15 ms |
Production (gzipped) -> 386KB
- 470K -> 57K index.html
- 2.6K -> 1.1K _app.js
- 190K -> 61K commons.649e134287af54e585ca.js
- 1.1M -> 261K index.js
- 16K -> 5.3K main-7e3858c4094762b6abe9.js
- 1.5K -> 769B webpack-f0c6edbea5b547edc23f.js