The next-redirect-examples from nicosh

Hi there 👋

Stack Overflow • LinkedIn

next-redirect-examples's People

Contributors

Stargazers

Watchers

next-redirect-examples's Issues

Cookie OR header redirects via Next.js

I followed your link from the Stack Overflow answer to the next.config.js redirect solution.

We need to check for a cookie, and if it's not there, redirect based on browser header. We're using ISG so limited to next.config.js redirects serverside.

We've tried this solution and it does not work (we get infinite redirects as both cookie AND header match):

const { i18n } = require('./next-i18next.config');
const withTM = require('next-transpile-modules')(['fitty', 'react-svg']); // pass the modules you would like to see transpiled

const handleLocaleRedirects = path => {
  const result = []
  i18n.locales.forEach(locale => {
    i18n.locales.forEach(loc => {
      if (loc !== locale) {
        result.push({
          source: `/${locale}${path}`,
          has: [{
            type: 'header',
            key: 'accept-language',
            value: `^${loc}(.*)`
          }],
          permanent: false,
          locale: false,
          destination: `/${loc}${path}`
        })
        result.push({
          source: `/${locale}${path}`,
          has: [{
            type: 'cookie',
            key: 'NEXT_LOCALE',
            value: loc
          }],
          permanent: true,
          locale: false,
          destination: `/${loc}${path}`
        })
      }
    })
  })
  return result
}

module.exports = withTM({
  i18n,
  reactStrictMode: true,
  images: {
    domains: ['dxjnh2froe2ec.cloudfront.net', 'starsona-stb-usea1.s3.amazonaws.com']
  },
  eslint: {
    // Warning: Dangerously allow production builds to successfully complete even if
    // your project has ESLint errors.
    ignoreDuringBuilds: true,
  },
  async redirects() {
    return [...handleLocaleRedirects('/:celebrityId')]
  }
})

Any help would be appreciated

Recommend Projects