v2.1.0: Update Site to NextJS v13

jayantkageri · Nov 7, 2022 · 0901548 · 0901548
1 parent f00186c
commit 0901548
Show file tree

Hide file tree

Showing 18 changed files with 531 additions and 3,118 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -18,21 +18,28 @@
 
 import React from "react";
 import Link from "next/link";
+import { Montserrat, Inter } from "@next/font/google";
+
+const montserrat = Montserrat({
+  weight: "600",
+  style: "normal",
+  subsets: ["latin"],
+}); // Title Font
+const inter = Inter({ weight: "400", style: "normal", subsets: ["latin"] }); // Body Font
 
 export default function Footer() {
   return (
     <>
       <footer className="flex flex-col items-center justify-between px-6 py-4 border-t bg-gray-900 border-gray-700 sm:flex-row select-none">
-        <Link href={"/"}>
-          <a
-            className="text-xl font-bold text-white hover:text-indigo-600 transition-all"
-            tabIndex={-1}
-          >
-            Jayant Hegde Kageri
-          </a>
+        <Link
+          href={"/"}
+          className={`${montserrat.className} text-xl font-bold text-white hover:text-indigo-600 transition-all`}
+          tabIndex={-1}
+        >
+          Jayant Hegde Kageri
         </Link>
 
-        <p className="py-2 text-white sm:py-0">
+        <p className={`${inter.className} text-sm py-2 text-white sm:py-0`}>
           ©️{" "}
           {new Date().getFullYear() === 2021
             ? 2021

diff --git a/components/FooterLink.tsx b/components/FooterLink.tsx
diff --git a/components/Heading.tsx b/components/Heading.tsx
@@ -17,12 +17,21 @@
 // along with Website of jayantkageri.  If not, see <https://www.gnu.org/licenses/>.
 
 import React from "react";
+import { Montserrat } from "@next/font/google";
+
+const montserrat = Montserrat({
+  weight: "500",
+  style: "normal",
+  subsets: ["latin"],
+}); // Title Font
 
 export default function Heading(props: { title: string }) {
   return (
     <div className="w-full mx-auto flex justify-center">
       <div>
-        <h1 className="text-3xl font-semibold capitalize lg:text-4xl text-white text-center">
+        <h1
+          className={`${montserrat.className} text-3xl font-semibold capitalize lg:text-4xl text-white text-center`}
+        >
           {props.title}
           <br />
           Jayant Hegde Kageri

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -21,6 +21,9 @@ import Link from "next/link";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import jayantkageri from "../assets/jayantkageri.png";
+import { Inter } from "@next/font/google";
+
+const inter = Inter({ weight: "500", style: "normal", subsets: ["latin"] }); // Body Font
 
 export default function Navbar() {
   const router = useRouter();
@@ -67,28 +70,27 @@ export default function Navbar() {
         <div className="container px-6 py-2 mx-auto md:flex md:justify-between md:items-center">
           <div className="flex items-center justify-between">
             <div>
-              <Link href={"/"}>
-                <a
-                  className="text-2xl font-bold  transition-colors duration-200 transform text-white lg:text-3xl hover: dark:hover:text-gray-300"
-                  tabIndex={-1}
-                >
-                  <div className="w-14 rounded-full">
-                    <Image
-                      src={jayantkageri.src}
-                      alt="Jayant Hegde Kageri"
-                      width={jayantkageri.width}
-                      height={jayantkageri.height}
-                      className="rounded-full"
-                    />
+              <Link
+                href={"/"}
+                className="text-2xl font-bold  transition-colors duration-200 transform text-white lg:text-3xl hover: dark:hover:text-gray-300"
+                tabIndex={-1}
+              >
+                <div className="w-14 rounded-full">
+                  <Image
+                    src={jayantkageri.src}
+                    alt="Jayant Hegde Kageri"
+                    width={jayantkageri.width}
+                    height={jayantkageri.height}
+                    className="rounded-full"
+                  />
 
-                    {/* For Static Build */}
-                    {/* <img
+                  {/* For Static Build */}
+                  {/* <img
                       src={jayantkageri.src}
                       alt="Jayant Hegde Kageri"
                       className="w-14 rounded-full"
                     /> */}
-                  </div>
-                </a>
+                </div>
               </Link>
             </div>
 
@@ -131,14 +133,16 @@ export default function Navbar() {
             <div className="flex flex-col md:flex-row md:mx-6 transition-transform">
               {navigation.map((nav) => {
                 return (
-                  <Link href={nav.href} key={nav.name}>
-                    <a
-                      className={`my-1 text-2xs font-medium transition-colors duration-200 transform ${
-                        !nav.active ? "text-gray-200" : "text-indigo-600"
-                      } hover:text-blue-500 md:mx-4 md:my-0 self-center`}
-                    >
-                      {nav.name}
-                    </a>
+                  <Link
+                    href={nav.href}
+                    key={nav.name}
+                    className={`${
+                      inter.className
+                    } my-1 text-2xs font-medium transition-colors duration-200 transform ${
+                      !nav.active ? "text-gray-200" : "text-indigo-600"
+                    } hover:text-blue-500 md:mx-4 md:my-0 self-center`}
+                  >
+                    {nav.name}
                   </Link>
                 );
               })}

diff --git a/components/SocialLinks.tsx b/components/SocialLinks.tsx
diff --git a/next.config.js b/next.config.js
@@ -6,7 +6,8 @@ const nextConfig = {
   swcMinify: true,
   typescript: {
     ignoreBuildErrors: true,
-  }
+  },
+  trailingSlash: true,
 }
 
 module.exports = nextConfig