Merge pull request #36 from timlrx/nextjs-10.2

Nextjs 10.2 with automatic webfont optimization

package.json

@@ -14,13 +14,13 @@
     "@mapbox/rehype-prism": "^0.5.0",
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@next/mdx": "10.1.3",
+    "@next/mdx": "10.2.0",
     "@tailwindcss/forms": "^0.3.2",
     "@tailwindcss/typography": "^0.4.0",
     "autoprefixer": "^10.2.5",
     "gray-matter": "^4.0.2",
     "image-size": "0.9.7",
-    "next": "10.1.3",
+    "next": "10.2.0",
     "next-mdx-remote": "^2.1.3",
     "next-seo": "4.23.0",
     "next-themes": "^0.0.14",
@@ -38,7 +38,7 @@
     "tailwindcss": "^2.1.1"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "10.1.3",
+    "@next/bundle-analyzer": "10.2.0",
     "@svgr/webpack": "^5.5.0",
     "@tailwindcss/jit": "^0.1.18",
     "eslint": "^7.17.0",

pages/_document.js

@@ -24,22 +24,9 @@ class MyDocument extends Document {
           <link rel="alternate" type="application/rss+xml" href="/index.xml" />
           <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
           <link
-            rel="preload"
-            as="style"
             href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
-          />
-          <link
             rel="stylesheet"
-            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
-            media="print"
-            onLoad="this.media='all'"
           />
-          <noscript>
-            <link
-              rel="stylesheet"
-              href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
-            />
-          </noscript>
           <link
             rel="preload"
             href="https://cdn.jsdelivr.net/npm/katex@0.13.0/dist/fonts/KaTeX_Main-Regular.woff2"