I’m building a simple internationalized next.js website.
Repo here: https://github.com/AustinShelby/Wowza
Deployed here: https://blissful-lamarr-6d96de.netlify.app/
I want the redirect rules to work in the following way:
/
redirects to /en
/catchall
redirects to /en
Only the second rule is working correctly. The first one doesn’t do anything
My current next.config.js
:
module.exports = {
reactStrictMode: true,
i18n: {
locales: ["en", "de", "catchall"],
defaultLocale: "catchall",
},
};
and netlify.toml
:
[[redirects]]
from = "/catchall"
to = "/en"
status = 301
force = true
[[redirects]]
from = "/"
to = "/en"
status = 301
force = true
The idea is to have a website with only paths that start with either en
or de
. Using the i18n in next.js this is currently impossible as the default locale doesn’t get added to the path.