@next/bundle-analyzerの導入 (#374)

## Issue

- Github Issue: #231 

## 変更内容
- `npm run analyze:win` または `npm run analyze`でバンドルJSの分析が出来るように

@coderabbitai: ignore

next.config.js

@@ -1,6 +1,9 @@
 const withPWA = require('@ducanh2912/next-pwa').default({
   dest: 'public',
 });
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+});
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -50,4 +53,4 @@ const nextConfig = {
   },
 };
 
-module.exports = withPWA(nextConfig);
+module.exports = withBundleAnalyzer(withPWA(nextConfig));

package.json

@@ -5,6 +5,8 @@
   "scripts": {
     "dev": "next dev",
     "dev:proxy": "node proxy.js",
+    "analyze": "ANALYZE=true next build",
+    "analyze:win": "set ANALYZE=true&& next build",
     "build": "next build",
     "start": "next start",
     "lint": "next lint -f stylish",
@@ -43,6 +45,7 @@
   "devDependencies": {
     "@fontsource/material-icons": "5.0.16",
     "@fontsource/roboto": "5.0.12",
+    "@next/bundle-analyzer": "14.1.4",
     "@storybook/addon-essentials": "8.0.2",
     "@storybook/addon-interactions": "8.0.2",
     "@storybook/addon-links": "8.0.2",