PropChain-FrontEnd/next.config.ts at main · MettaChain/PropChain-FrontEnd · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
import type { NextConfig } from "next";

const isAnalyzeEnabled = process.env.ANALYZE === "true";

const nextConfig: NextConfig = {
  experimental: {
    optimizePackageImports: [
      "lucide-react",
      "recharts",
      "framer-motion",
      "wagmi",
      "viem",
    ],
  },
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "images.unsplash.com",
      },
    ],
    formats: ["image/avif", "image/webp"],
  },
  async headers() {
    return [
      {
        source: "/_next/static/:path*",
        headers: [
          {
            key: "Cache-Control",
            value: "public, max-age=31536000, immutable",
          },
        ],
      },
      {
        source: "/:path*.(png|jpg|jpeg|gif|webp|avif|svg|ico)",
        headers: [
          {
            key: "Cache-Control",
            value: "public, max-age=604800, stale-while-revalidate=86400",
          },
        ],
      },
      {
        source: "/sw.js",
        headers: [
          {
            key: "Cache-Control",
            value: "no-cache, no-store, must-revalidate",
          },
        ],
      },
    ];
  },
  webpack: (config, { isServer, webpack }) => {
    config.resolve = config.resolve ?? {};
    config.resolve.alias = {
      ...(config.resolve.alias ?? {}),
      "@walletconnect/ethereum-provider": false,
      "@safe-global/safe-apps-sdk": false,
      "@safe-global/safe-apps-provider": false,
      "@base-org/account": false,
      "@gemini-wallet/core": false,
      "@react-native-async-storage/async-storage": false,
      porto: false,
      "porto/internal": false,
    };

    if (!isServer && config.optimization?.splitChunks) {
      config.optimization.splitChunks = {
        ...config.optimization.splitChunks,
        cacheGroups: {
          ...(config.optimization.splitChunks.cacheGroups ?? {}),
          web3: {
            name: "web3-vendors",
            test: /[\\/]node_modules[\\/](wagmi|viem|ethers|@walletconnect|@metamask|@coinbase)[\\/]/,
            chunks: "all",
            priority: 35,
          },
          charts: {
            name: "chart-vendors",
            test: /[\\/]node_modules[\\/](recharts|d3-.*)[\\/]/,
            chunks: "all",
            priority: 25,
          },
        },
      };
    }

    if (isAnalyzeEnabled && !isServer) {
      class BuildStatsPlugin {
        apply(compiler: any) {
          compiler.hooks.done.tap("BuildStatsPlugin", (stats: any) => {
            const fs = require("fs");
            const path = require("path");
            const outputPath = path.join(compiler.options.output.path ?? ".next", "build-stats.json");
            fs.writeFileSync(
              outputPath,
              JSON.stringify(
                stats.toJson({
                  all: false,
                  assets: true,
                  chunks: true,
                  chunkGroups: true,
                }),
                null,
                2
              )
            );
          });
        }
      }

      config.plugins.push(new BuildStatsPlugin());
    }

    return config;
  },
};

export default nextConfig;