Currently, I am utilizing NextJS for generating SSR pages that are language-specific. I want to specify the lang property to indicate the language of the text.
Here's what I have done so far:
import Document, { Html, Head, Main, NextScript } from "next/document"
import Router from "next/router"
class MyDocument extends Document {
render() {
const { lang } = Router.router.query
return (
<Html lang={lang}>
<Head />
<body className="antialiased text-white text-base font-sans">
<Main />
<NextScript />
</body>
</Html>
)
}
}
export default MyDocument
However, Router.router is always null when using a Custom Document (_document.js). Could there be an alternative method to access the URL parameters/query while working with a Custom Document?