404 Error when hosting under custom domain

[extremelyonline]

Hello, there seems to be a redirection issue when the frontend is put behind a reverse proxy under a custom domain.

For instance, when I put the frontend under domain.tld, the site is first redirected to https://www.offtiktok.com/sd/do, then https://www.offtiktok.com/404. It seems that the frontend only works for either offtiktok.com or localhost.

[DamageESP]

Seems related to this destination Next.js config which has a hard-coded URL. Making it configurable (e.g. by injecting the NEXT_INTERNAL_API_URL env variable) would probably solve the issue.

FYI @MarsHeer

[dannycab]

That doesn't work. If you change the hard coded variables in next.config.mjs you can get rid of the 404 error.

redirects: async () => {
    return [
      // General redirect rule
      {
        source: '/:path*',
        has: [
          {
            type: 'host',
            value: '(?<subdomain>[^.]+)\\.(?<domain>.+)',
          },
        ],
        destination: `${
          process.env.NODE_ENV === 'production'
            ? 'https://your.domain'
            : 'http://localhost:EXPOSEDPORT'
        }/sd/:subdomain/:path*`,
        permanent: false,
        // Add a condition to exclude the destination domain
        missing: [
          {
            type: 'query',
            key: 'id',
          },
          {
            type: 'host',
            value: 'your.domain',
          },
          {
            type: 'host',
            value: 'your.domain',
          },
        ],
      },
    ];
  },

But it still fails to load any videos.

[uniquePWD]

That doesn't work. If you change the hard coded variables in next.config.mjs you can get rid of the 404 error.

redirects: async () => {
    return [
      // General redirect rule
      {
        source: '/:path*',
        has: [
          {
            type: 'host',
            value: '(?<subdomain>[^.]+)\\.(?<domain>.+)',
          },
        ],
        destination: `${
          process.env.NODE_ENV === 'production'
            ? 'https://your.domain'
            : 'http://localhost:EXPOSEDPORT'
        }/sd/:subdomain/:path*`,
        permanent: false,
        // Add a condition to exclude the destination domain
        missing: [
          {
            type: 'query',
            key: 'id',
          },
          {
            type: 'host',
            value: 'your.domain',
          },
          {
            type: 'host',
            value: 'your.domain',
          },
        ],
      },
    ];
  },

But it still fails to load any videos.

Did you get it working?