solved preload issue in link font extensions files in Layout componen…

…t and test importing Menu component using next/link .
DanValMont · Nov 4, 2023 · 40381bf · 40381bf
1 parent 194b0ee
commit 40381bf
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/components/Layout/Layout.js b/components/Layout/Layout.js
@@ -41,13 +41,13 @@ function Layout({ title, description, children, applycss, applyFilter }) {
         <meta name="theme-color" content="#ffffff" />
         <link
           rel="preload"
-          href="/fonts/Soulmaze/Soulmaze.otf"
+          href="/fonts/Soulmaze/Soulmaze.woff2"
           as="font"
           crossOrigin=""
         />
         <link
           rel="preload"
-          href="/fonts/Soulmaze/Soulmaze-Italic.otf"
+          href="/fonts/Soulmaze/Soulmaze-Italic.woff2"
           as="font"
           crossOrigin=""
         />

diff --git a/components/Navbar/Navbar.js b/components/Navbar/Navbar.js
@@ -2,9 +2,12 @@ import React, { useState } from "react";
 import Link from "next/link";
 import classes from "./Navbar.module.css";
 import Image from "next/image";
-import Menu from "../Menu/Menu.js";
+// import Menu from "../Menu/Menu.js";
+import dynamic from "next/dynamic";
 import { useInvertContext } from "../../context/invert.js";
 
+const Menu = dynamic(() => import("../Menu/Menu.js"));
+
 function Navbar({ invertHeader, invertEffect }) {
   const [styleLayout, setStyleLayout] = useInvertContext();
   const [isMenuIconOpen, setIsMenuIconOpen] = useState(false);

diff --git a/next.config.js b/next.config.js
@@ -2,11 +2,11 @@
 const nextConfig = {
   /* config options here */
   reactStrictMode: true,
-  images: {
-    loader: "akamai",
-    path: "",
-  },
-  basePath: "/danielvaldezmontalvan.com",
+  // images: {
+  //   loader: "akamai",
+  //   path: "",
+  // },
+  // basePath: "/danielvaldezmontalvan.com",
 };
 
 module.exports = nextConfig;