Redirect Multiple Slashes (//) to a Single Slash (/) Using 301 Redirect in Next.js

[alvinindra]

Summary

In some cases, users or bots may request URLs containing multiple slashes, like:

https://example.com//about///team

This can lead to:

• Duplicate content issues in SEO.
• Inconsistent routing behavior.
• Poor user experience.

To maintain clean URLs and improve SEO, we want to automatically redirect any request containing multiple consecutive slashes to the correct version with a single slash, using a 301 (permanent) redirect. And this requirement is from my team SEO.

Expeced Behavior

Request like:

/about///team

should be redirected to:

/about/team

Request like:

/blog///

should be redirected to:

/blog/

with status code 301 not 308.

Additional information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.3.0: Thu Jan  2 20:23:36 PST 2025; root:xnu-11215.81.4~3/RELEASE_ARM64_T8112
  Available memory (MB): 8192
  Available CPU cores: 8
Binaries:
  Node: 22.13.0
  npm: 10.9.2
  Yarn: N/A
  pnpm: 9.15.4
Relevant Packages:
  next: 15.3.2 // There is a newer version (15.3.3) available, upgrade recommended! 
  eslint-config-next: 15.3.2
  react: 19.1.0
  react-dom: 19.1.0
  typescript: 4.9.5