NextJs redirect based on Regex

Question

I am using Next.js and I am trying to redirect to a given path base on some regex conditions and cookie.

The goal is to redirect to /foo/bar when the source does not have the key bar and have a given cookie.

I have tried several different ways with next.config.js and none works.

Right now I have the following

async redirects() {
    return [
      {
        source: '/(^(?:(?!bar).)*$)',
        has: [{
          type: 'cookie',
          key: 'utm_source',
          value: 'bar',

        }],
        destination: '/foo/bar',
        permanent: true
      }
    ]
  }

The documentation is quite vague.

have you checked this out ? github.com/vercel/next.js/issues/15712 — Hypothesis
– Hypothesis, Commented Oct 10, 2021 at 19:22
I never gave it the attention i gave now. Yes it solves the problem, but it's too verbose. I would like to specify only a word that should not be in the source. I dont't care about the path. But thank you, worst case scenario i have this. — Diogo Aleixo
– Diogo Aleixo, Commented Oct 10, 2021 at 19:58
You can for sure, but i think (hope) there is another answer. — Diogo Aleixo
– Diogo Aleixo, Commented Oct 10, 2021 at 21:54

Max · Accepted Answer · 2022-09-07 23:04:41Z

9

I also had a regex issue and was digging deep into next.js source code and did a little debugging. What I found is that unfortunately nobody tells you that next.js wraps your regex inside /^(?:\/( your regex ))$/i

Actually, the first part (\/) might depend on your source property. But if you remove everything apart from the actual "word regex" it should work:

source: '/(?!bar)',

(Check out regexp.source in getPathMatch() in node_modules\next\dist\shared\lib\router\utils\path-match.js)

answered Sep 7, 2022 at 23:04

Max

911 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bartłomiej Kurzeja · Accepted Answer · 2024-01-02 11:09:54Z

2

Next.js started using the path-to-regexp library for matching the routes. The project's README has more examples and a link to the testing tool: http://forbeslindesay.github.io/express-route-tester/

answered Jan 2, 2024 at 11:09

Bartłomiej Kurzeja

211 bronze badge

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

NextJs redirect based on Regex

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related