import type { DocumentContext } from 'next/document' ; import Document , { Html , Head , Main , NextScript } from 'next/document' ; import { mediaStyles } from '@/lib/media' ; export default class MyDocument extends Document { static async getInitialProps ( ctx ) { const initialProps = await Document . getInitialProps ( ctx ) ; return { ... initialProps } ; } render ( ) { return ( < Html lang = "en" > < Head > { } < meta name = "description" content = "Shop the latest fashion online" / > < meta name = "application-name" content = "Spencer and Williams" / > < meta name = "apple-mobile-web-app-status-bar-style" content = "default" / > < meta name = "apple-mobile-web-app-title" content = "Spencer and Williams" / > < meta name = "format-detection" content = "telephone=no" / > < meta name = "mobile-web-app-capable" content = "yes" / > < meta name = "msapplication-config" content = "/static/icons/browserconfig.xml" / > < meta name = "msapplication-TileColor" content = "#5468ff" / > < meta name = "msapplication-tap-highlight" content = "no" / > < meta name = "theme-color" content = "#5468ff" / > { } < link rel = "apple-touch-icon" href = "/static/icons/apple-touch-icon.png" / > < link rel = "shortcut icon" href = "/favicon.ico" / > < link rel = "icon" type = "image/png" sizes = "16x16" href = "/static/icons/icon-16x16.png" / > < link rel = "icon" type = "image/png" sizes = "32x32" href = "/static/icons/icon-32x32.png" / > < link rel = "mask-icon" href = "/static/icons/safari-pinned-tab.svg" color = "#5468ff" / > < link rel = "manifest" href = "/static/icons/manifest.json" / > { } < meta property = "og:type" content = "website" / > < meta property = "og:title" content = "Spencer and Williams" / > < meta property = "og:description" content = "Shop the latest fashion online" / > < meta property = "og:site_name" content = "Spencer and Williams" / > < meta property = "og:url" content = "https://algolia-pwa-ecom-ui-template.netlify.app" / > < meta property = "og:image" content = "https://algolia-pwa-ecom-ui-template.netlify.app/static/images/socials/og.png" / > < meta property = "og:image:width" content = "1200" / > < meta property = "og:image:height" content = "630" / > { } < meta name = "twitter:card" content = "summary_large_image" / > < meta name = "twitter:url" content = "https://algolia-pwa-ecom-ui-template.netlify.app" / > < meta name = "twitter:title" content = "Spencer and Williams" / > < meta name = "twitter:description" content = "Shop the latest fashion online" / > < meta name = "twitter:image" content = "https://algolia-pwa-ecom-ui-template.netlify.app/static/images/socials/twitter.png" / > { } < link rel = "preconnect" href = "https://fonts.googleapis.com" / > < link rel = "preconnect" href = "https://fonts.gstatic.com" / > < link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel = "stylesheet" / > { } < style type = "text/css" dangerouslySetInnerHTML = { { __html : mediaStyles } } /> < /Head> < body > < Main /> < NextScript / > < /body> < /Html>); } }