trailingSlash
By default Next.js will redirect URLs with trailing slashes to their counterpart without a trailing slash. For example /about/
will redirect to /about
. You can configure this behavior to act the opposite way, where URLs without trailing slashes are redirected to their counterparts with trailing slashes.
Open next.config.js
and add the trailingSlash
config
module.exports = {
trailingSlash: true,
}
With this option set, URLs like /about
will redirect to /about/
.
When using trailingSlash: true
, certain URLs are exceptions and will not have a trailing slash appended
- Static file URLs, such as files with extensions.
- Any paths under
.well-known/
.
For example, the following URLs will remain unchanged: /file.txt
, images/photos/picture.png
, and .well-known/subfolder/config.json
.
When used with output: "export"
configuration, the /about
page will output /about/index.html
(instead of the default /about.html
).
Version History
Version | Changes |
---|---|
v9.5.0 | trailingSlash added. |
Was this helpful?