chore: setup bundle analyzer

apps/web/next.config.js

@@ -1,4 +1,6 @@
-module.exports = {
-  reactStrictMode: true,
-  transpilePackages: ["ui"],
-};
+const withPlugins = require("next-compose-plugins")
+const withBundleAnalyzer = require("@next/bundle-analyzer")({
+  enabled: process.env.ANALYZE === "true",
+})
+
+module.exports = withPlugins([[withBundleAnalyzer]], { reactStrictMode: true, transpilePackages: ["ui"] })

apps/web/package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "analyze": "ANALYZE=true yarn build"
   },
   "dependencies": {
     "next": "^13.1.1",
@@ -16,13 +17,15 @@
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
-    "eslint": "7.32.0",
-    "eslint-config-custom": "*",
-    "tsconfig": "*",
-    "config": "*",
+    "@next/bundle-analyzer": "^13.3.0",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",
     "@types/react-dom": "^18.0.7",
+    "config": "*",
+    "eslint": "7.32.0",
+    "eslint-config-custom": "*",
+    "next-compose-plugins": "^2.2.1",
+    "tsconfig": "*",
     "typescript": "^4.5.3"
   }
 }