mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
37 lines
978 B
JavaScript
37 lines
978 B
JavaScript
import Document, {Head, Main, NextScript} from 'next/document'
|
|
|
|
// The document (which is SSR-only) needs to be customized to expose the locale
|
|
// data for the user's locale for React Intl to work in the browser.
|
|
export default class IntlDocument extends Document {
|
|
static async getInitialProps (context) {
|
|
const props = await super.getInitialProps(context)
|
|
const {req: {locale, localeDataScript}} = context
|
|
return {
|
|
...props,
|
|
locale,
|
|
localeDataScript
|
|
}
|
|
}
|
|
|
|
render () {
|
|
// Polyfill Intl API for older browsers
|
|
const polyfill = `https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.${this.props.locale}`
|
|
|
|
return (
|
|
<html>
|
|
<Head />
|
|
<body>
|
|
<Main />
|
|
<script src={polyfill} />
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: this.props.localeDataScript
|
|
}}
|
|
/>
|
|
<NextScript />
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|
|
}
|