The firebase hosted version of my project using next-translate for localisation shows a 404 page not found error when I try switch the languages. It seems to work fine on my local host version but the firebase hosted version of it does not work.
I followed this tutorial to create my project: https://blog.flycode.com/step-by-step-how-to-internationalize-your-nextjs-app-with-next-translate
I have an i18n.js file which consists of the following code:
module.exports = {
locales: ["en", "fr"],
defaultLocale: "en",
pages: {
"*": ["common"],
},
};
My next config file:
/** @type {import('next').NextConfig} */
const nextTranslate = require("next-translate");
module.exports = nextTranslate({
reactStrictMode: true,
swcMinify: true,
});
I'm unsure of where I went wrong so if anyone could help that would be much appreciated!