import Document , { Html , Head , Main , NextScript , DocumentContext , } from 'next/document' ; export default class CustomDocument extends Document { static async getInitialProps ( ctx ) { const initialProps = await Document . getInitialProps ( ctx ) ; return { ... initialProps } ; } render ( ) { return ( < Html lang = "en" className = "spt-32" > < Head > < link rel = "icon" href = "/favicon.ico" / > < link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon-32x32.png" / > < link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon-16x16.png" / > < link rel = "apple-touch-icon" sizes = "180x180" href = "/apple-touch-icon.png" / > < link rel = "manifest" href = "/site.webmanifest" / > < link rel = "mask-icon" href = "/safari-pinned-tab.svg" color = "#5bbad5" / > < meta name = "theme-color" content = "#ffffff" / > < link rel = "preconnect" href = "https://fonts.gstatic.com" / > < link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&amp;display=swap" rel = "stylesheet" / > < link rel = "preconnect" href = "https://BH4D9OD16A-dsn.algolia.net" crossOrigin = "true" / > < /Head> < body className = "sm:overflow-auto" > < Main /> < NextScript / > < /body> < /Html>); } }