feat(layout): top-loader is back 😎

sozonome · Aug 18, 2023 · 6b007b9 · 6b007b9 · vercel · Aug 18, 2023
1 parent 48ca9a9
commit 6b007b9
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
     "next": "13.4.12",
     "next-contentlayer": "^0.3.4",
     "next-seo": "^6.1.0",
+    "nextjs-toploader": "^1.4.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import Script from 'next/script';
+import NextTopLoader from 'nextjs-toploader';
 
 import Providers from '~/app/providers';
 import { baseUrl } from '~/lib/constants/baseUrl';
@@ -71,6 +72,7 @@ const RootLayout = ({ children }: RootLayoutProps) => {
   return (
     <html lang="en">
       <body suppressHydrationWarning>
+        <NextTopLoader color="#747978" showSpinner={false} />
         <Providers>
           <Layout>{children}</Layout>
         </Providers>