upgrade to NextJS 15

2024-10-22 15:50:18 -04:00 · 2024-10-22 15:50:18 -04:00 · aa4fb4cc27
commit aa4fb4cc27
parent 2b544ca2e5
8 changed files with 36 additions and 35 deletions
--- a/bun.lockb
+++ b/bun.lockb
--- a/package.json
+++ b/package.json
@ -21,8 +21,8 @@
    "moment": "^2.30.1",
    "next": "^15.0.0",
    "next-themes": "^0.3.0",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^19.0.0-rc-45804af1-20241021",
+    "react-dom": "^19.0.0-rc-45804af1-20241021",
    "sharp": "^0.33.5",
    "tailwind-merge": "^2.5.2",
    "tailwindcss-animate": "^1.0.7",
--- a/src/app/(pages)/layout.tsx
+++ b/src/app/(pages)/layout.tsx
@ -41,7 +41,7 @@ const RootLayout = ({
 }: Readonly<{
    children: ReactNode;
 }>): ReactElement => (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
        <body className={cn(inter.className, "antialiased")}>
            <ThemeProvider
                attribute="class"
--- a/src/components/landing/nav-content/homelab.tsx
+++ b/src/components/landing/nav-content/homelab.tsx
@ -12,7 +12,7 @@ const HomelabContent = (): ReactElement => (
            <b>UPS:</b> 1350VA
        </li>
        <li className="my-2.5" />
-        <li>
+        <ul>
            <b>Proxmox Node-01:</b>
            <li>
                - <b>Motherboard:</b> Prime B550-PLUS
@ -26,7 +26,7 @@ const HomelabContent = (): ReactElement => (
            <li>
                - <b>Storage:</b> 8TB (x2 4TB, x1 4TB Parity) Unraid Array
            </li>
-        </li>
+        </ul>
    </ul>
 );
 export default HomelabContent;
--- a/src/components/landing/nav-content/my-work.tsx
+++ b/src/components/landing/nav-content/my-work.tsx
@ -8,7 +8,6 @@ import Link from "next/link";
 import { ReactElement } from "react";
 import Project from "@/types/project";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import Image from "next/image";
 import { truncateText } from "@/lib/utils";
 import SimpleTooltip from "@/components/ui/simple-tooltip";

@ -28,6 +27,14 @@ const projects: Project[] = [
        link: "https://usetether.rest/user/504147739131641857",
        startDate: moment([2024, 8, 8]),
    },
+    {
+        name: "Pulse App",
+        description:
+            "A lightweight service monitoring solution for tracking the availability of whatever service your heart desires!",
+        icon: "https://pulseapp.cc/media/logo.png",
+        link: "https://pulseapp.cc",
+        startDate: moment([2024, 9, 22]),
+    },
    {
        name: "Bonfire",
        description:
@ -96,7 +103,7 @@ const MyWork = (): ReactElement => {
                                {/* Icon, Name & Years Active */}
                                <div className="flex flex-col lg:flex-row gap-0 md:gap-3 justify-center lg:justify-start lg:items-center">
                                    <div className="flex gap-3">
-                                        <Image
+                                        <img
                                            className="rounded-full"
                                            src={project.icon}
                                            alt={`The ${project.name} Project Icon`}
--- a/src/components/landing/nav-content/skills.tsx
+++ b/src/components/landing/nav-content/skills.tsx
@ -11,6 +11,11 @@ const skillset: Skill[] = [
        icon: "https://img.icons8.com/color/2x/java-coffee-cup-logo.png",
        link: "https://www.java.com",
    },
+    {
+        name: "TypeScript",
+        icon: "https://img.icons8.com/fluent/2x/typescript.png",
+        link: "https://www.typescriptlang.org",
+    },
    {
        name: "JavaScript",
        icon: "https://img.icons8.com/fluent/2x/javascript.png",
@ -72,11 +77,6 @@ const skillset: Skill[] = [
        icon: "https://img.icons8.com/fluent/2x/figma.png",
        link: "https://www.figma.com",
    },
-    {
-        name: "Postman",
-        icon: "https://img.icons8.com/dusk/2x/postman-api.png",
-        link: "https://www.postman.com",
-    },

    // Frameworks & Libraries
    {
--- a/src/components/landing/navbar.tsx
+++ b/src/components/landing/navbar.tsx
@ -54,35 +54,28 @@ const Links = (): ReactElement => (
            <NavigationMenuItem>
                <NavigationMenuTrigger>Useful Links</NavigationMenuTrigger>
                <NavigationMenuContent>
-                    <NavigationMenuLink>
-                        <UsefulLinksContent />
-                    </NavigationMenuLink>
+                    <UsefulLinksContent />
                </NavigationMenuContent>
            </NavigationMenuItem>

            {/* Donate */}
            <NavigationMenuItem>
-                <Link
+                <NavigationMenuLink
+                    className={cn(
+                        navigationMenuTriggerStyle(),
+                        "gap-2 select-none"
+                    )}
                    href="https://buymeacoffee.com/Rainnny7"
-                    legacyBehavior
-                    passHref
+                    target="_blank"
                >
-                    <NavigationMenuLink
-                        className={cn(
-                            navigationMenuTriggerStyle(),
-                            "gap-2 select-none"
-                        )}
-                        target="_blank"
-                    >
-                        <span className="hidden sm:flex">Buy me a Coffee</span>
-                        <span className="sm:hidden">Donate</span>
-                        <HeartIcon
-                            className="text-red-500 animate-pulse"
-                            width={20}
-                            height={20}
-                        />
-                    </NavigationMenuLink>
-                </Link>
+                    <span className="hidden sm:flex">Buy me a Coffee</span>
+                    <span className="sm:hidden">Donate</span>
+                    <HeartIcon
+                        className="text-red-500 animate-pulse"
+                        width={20}
+                        height={20}
+                    />
+                </NavigationMenuLink>
            </NavigationMenuItem>
        </NavigationMenuList>
    </NavigationMenu>
--- a/tsconfig.json
+++ b/tsconfig.json
@ -25,7 +25,8 @@
      "@/*": [
        "./src/*"
      ]
-    }
+    },
+    "target": "ES2017"
  },
  "include": [
    "next-env.d.ts",