add top loader

ashutosh-rath02 · Jun 10, 2024 · 17ea6a5 · 17ea6a5
1 parent 7254dc5
commit 17ea6a5
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -7,7 +7,7 @@ import Footer from "@/components/footer";
 import { Analytics } from "@vercel/analytics/react";
 import { Toaster } from "@/components/ui/toaster";
 import { SpeedInsights } from "@vercel/speed-insights/next";
-
+import NextTopLoader from "nextjs-toploader";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
@@ -80,6 +80,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
+          <NextTopLoader showSpinner={false} color="#3b82f6" />
           <div className="flex flex-col min-h-[100vh] overflow-x-hidden">
             <Navbar />
             <div className="grow">{children}</div>

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "next": "^14.2.3",
     "next-share": "^0.27.0",
     "next-themes": "^0.3.0",
+    "nextjs-toploader": "^1.6.12",
     "react": "^18",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18",