➕ add next top loader

add new depedencies to create loading bar on top every page
2025-08-05 00:06:43 +07:00
parent 65cc862a55
commit ed8acbbcb0
8 changed files with 22 additions and 8 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@ -1,12 +1,14 @@
 import "./globals.css";
 import GeistFontProvider from "@/providers/fonts/GeistFontProvider";
 import HeroUIWrapper from "@/providers/HeroUIWrapper";
+import NextTopLoader from "nextjs-toploader";
 import React from "react";

 const RootLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
  return (
    <html lang="en" className="dark">
      <body>
+        <NextTopLoader easing="ease" showSpinner={false} />
        <GeistFontProvider>
          <HeroUIWrapper>{children}</HeroUIWrapper>
        </GeistFontProvider>