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