From b74393a8fef7b2489b7ff92f1c3340a6a61a1f71 Mon Sep 17 00:00:00 2001
From: Gagah Pangeran Rosfatiputra <git@gagahpangeran.com>
Date: Wed, 19 Feb 2025 23:55:41 +0700
Subject: [PATCH 1/3] add nextjs-toploader package

---
 package.json |  1 +
 yarn.lock    | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/package.json b/package.json
index af9142a..b140685 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "katex": "^0.16.21",
     "lodash.kebabcase": "^4.1.1",
     "next": "^15.1.6",
+    "nextjs-toploader": "^3.7.15",
     "prismjs": "^1.29.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
diff --git a/yarn.lock b/yarn.lock
index b787ff8..9fffdd3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5939,6 +5939,14 @@ next@^15.1.6:
     "@next/swc-win32-x64-msvc" "15.1.6"
     sharp "^0.33.5"
 
+nextjs-toploader@^3.7.15:
+  version "3.7.15"
+  resolved "https://registry.yarnpkg.com/nextjs-toploader/-/nextjs-toploader-3.7.15.tgz#2baba98b3d11c2001ab0639004ae5214d0e65f30"
+  integrity sha512-DvvXEJVRPfE2j1HVXgFhmPl8pRcLb/4mvyVBDuYdMdkbEY7KJghp0fG5iOZ002cV6awbBw9j/Di7vQL8LRazxQ==
+  dependencies:
+    nprogress "^0.2.0"
+    prop-types "^15.8.1"
+
 node-addon-api@^7.0.0:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
@@ -5980,6 +5988,11 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
+nprogress@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
+  integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
+
 nwsapi@^2.2.2:
   version "2.2.16"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.16.tgz#177760bba02c351df1d2644e220c31dfec8cdb43"

From 7731c815709114c1c720ce505493f90548965a1a Mon Sep 17 00:00:00 2001
From: Gagah Pangeran Rosfatiputra <git@gagahpangeran.com>
Date: Wed, 19 Feb 2025 23:56:14 +0700
Subject: [PATCH 2/3] change navbar z-index

---
 src/styles/navbar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/navbar.scss b/src/styles/navbar.scss
index 2c54596..0ed1534 100644
--- a/src/styles/navbar.scss
+++ b/src/styles/navbar.scss
@@ -11,7 +11,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 99999;
+  z-index: 100;
 
   &__content {
     max-width: 720px;

From 738f2a75caab022e98c6e594ad961d65e8b6efac Mon Sep 17 00:00:00 2001
From: Gagah Pangeran Rosfatiputra <git@gagahpangeran.com>
Date: Wed, 19 Feb 2025 23:56:28 +0700
Subject: [PATCH 3/3] add NextTopLoader component in layout

---
 src/app/layout.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 961411b..afdedc9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,6 +5,7 @@
 import { type Metadata } from "next";
 import { Lato, Rubik, Fira_Code } from "next/font/google";
 import { config } from "@fortawesome/fontawesome-svg-core";
+import NextTopLoader from "nextjs-toploader";
 import Footer from "@/components/Footer";
 import Navbar from "@/components/Navbar";
 import { classAll } from "@/utils/css";
@@ -55,6 +56,7 @@ export default function RootLayout({
           firaCodeFont.variable
         ])}
       >
+        <NextTopLoader color="#0096d6" height={2} showForHashAnchor={false} />
         <div className="wrapper">
           <Navbar />
           {children}