feat: nextjs-toploader

hstove · May 1, 2024 · 904c742 · 904c742
1 parent 2846a13
commit 904c742
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/docs-site/package.json b/docs-site/package.json
@@ -43,6 +43,7 @@
     "next": "14.2.2",
     "next-contentlayer": "^0.3.4",
     "next-themes": "^0.3.0",
+    "nextjs-toploader": "^1.6.12",
     "prettier": "3.2.5",
     "react": "^18",
     "react-dom": "^18",

diff --git a/docs-site/src/app/layout.tsx b/docs-site/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { Providers } from '@/components/providers';
 import { Header } from '@/components/header';
 import { ThemeProvider } from '@/components/theme-provider';
 import { fontMono, fontSans } from '@/lib/fonts';
+import NextTopLoader from 'nextjs-toploader';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -27,6 +28,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
+      <NextTopLoader />
       <body className={cn('bg-background min-h-screen font-sans antialiased', fontSans.className)}>
         <ThemeProvider defaultTheme="dark" attribute="class" enableSystem disableTransitionOnChange>
           {/* <div className="container"> */}

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml