alphland/next.config.js at develop · alph-land/alphland · 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
/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  // Remove hardcoded API URL - use proxy instead
  // env: {
  //   NEXT_PUBLIC_API_URL: "https://api.alph.land",
  // },
  swcMinify: true,
  compiler: {
    styledComponents: true,
  },
  webpack(config) {
    const fileLoaderRule = config.module.rules.find(
      (rule) => rule.test && rule.test.test(".svg"),
    );
    fileLoaderRule.exclude = /\.icon\.svg$/;
    config.module.rules.push({
      test: /\.icon\.svg$/,
      loader: require.resolve("@svgr/webpack"),
    });
    config.resolve.fallback = {
      // if you miss it, all the other options in fallback, specified
      // by next.js will be dropped.
      ...config.resolve.fallback,

      fs: false, // the solution
    };
    return config;
  },
  images: {
    domains: [
      "pbs.twimg.com",
      "mintsquare.sfo3.cdn.digitaloceanspaces.com",
      "lh3.googleusercontent.com", // Google profile pictures
    ],
    remotePatterns: [
      {
        protocol: "https",
        hostname: "**",
      },
      {
        protocol: "http",
        hostname: "**",
      },
    ],
  },
  experimental: {
    scrollRestoration: true,
  },
  async rewrites() {
    // Worker URL for API proxy (development: localhost:8787, production: same domain)
    const workerUrl =
      process.env.NEXT_PUBLIC_WORKER_URL || "http://localhost:8787";

    return [
      // Proxy all /api/* requests to Cloudflare Worker
      // This ensures cookies are set on the same domain as the frontend
      {
        source: "/api/:path*",
        destination: `${workerUrl}/api/:path*`,
      },
      {
        source: "/admin",
        destination: "/admin/index.html",
      },
      {
        source: "/submit",
        destination: "/submit/index.html",
      },
      {
        source: "/report",
        destination: "/report/index.html",
      },
      {
        source: "/config.yml",
        destination: "/admin/config.yml",
      },
      {
        source: "/x/js/script.js",
        destination: "https://plausible.io/js/script.js",
      },
      {
        source: "/x/api/event",
        destination: "https://plausible.io/api/event",
      },
    ];
  },
};

module.exports = nextConfig;