Bundle Analysis
How to analyze and optimize your app’s bundle size
next-forge uses @vercel/next-bundle-analyzer to analyze and optimize your app’s bundle size. Each app has a next.config.ts file that is configured to use the analyzer when the ANALYZE environment variable is set to true.
Usage
To run the analyzer, simply run the following command from the root of the project:
Turborepo will automatically run the analyzer for each app when the command is executed. Once the bundle analyzer finishes running for each app, it will open three HTML files in your default browser automatically: client, nodejs and edge. Each one shows a treemap, describing the size and impact of modules loaded on that particular environment.
You can then work on optimizing your app by removing or dynamically loading the heaviest modules.