import React from 'react' ; import Document , { Head , Main , NextScript } from 'next/document' ; class MyDocument extends Document { render ( ) { return ( < html lang = "en" dir = "ltr" > < Head > < meta charSet = "utf-8" / > < meta name = "viewport" content = "minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" / > < meta name = "theme-color" content = "#ffffff" / > < link rel = "manifest" href = "/static/site.webmanifest" / > < link rel = "icon" type = "image/x-icon" href = "/static/favicon.ico" / > < link rel = "icon" type = "image/png" sizes = "16x16" href = "/static/favicon-16x16.png" / > < link rel = "icon" type = "image/png" sizes = "32x32" href = "/static/favicon-32x32.png" / > < link rel = "apple-touch-icon" sizes = "180x180" href = "/static/apple-touch-icon.png" / > < link rel = "apple-touch-icon" href = "/static/icon.png" / > < /Head> < body > < Main /> < NextScript / > < /body> < /html>); } } export default MyDocument ;