From ed8acbbcb099b7125f30225ba19a33a1da627c77 Mon Sep 17 00:00:00 2001 From: Rafi Arrafif Date: Tue, 5 Aug 2025 00:06:43 +0700 Subject: [PATCH] :heavy_plus_sign: add next top loader add new depedencies to create loading bar on top every page --- app/{(clear) => (clean)}/layout.tsx | 0 app/{(clear) => (clean)}/log-in/page.tsx | 0 app/(clean)/sign-up/page.tsx | 12 ++++++++++++ app/(clear)/signup/page.tsx | 7 ------- app/layout.tsx | 2 ++ bun.lock | 5 +++++ package.json | 1 + shared/ui/navbar.tsx | 3 ++- 8 files changed, 22 insertions(+), 8 deletions(-) rename app/{(clear) => (clean)}/layout.tsx (100%) rename app/{(clear) => (clean)}/log-in/page.tsx (100%) create mode 100644 app/(clean)/sign-up/page.tsx delete mode 100644 app/(clear)/signup/page.tsx diff --git a/app/(clear)/layout.tsx b/app/(clean)/layout.tsx similarity index 100% rename from app/(clear)/layout.tsx rename to app/(clean)/layout.tsx diff --git a/app/(clear)/log-in/page.tsx b/app/(clean)/log-in/page.tsx similarity index 100% rename from app/(clear)/log-in/page.tsx rename to app/(clean)/log-in/page.tsx diff --git a/app/(clean)/sign-up/page.tsx b/app/(clean)/sign-up/page.tsx new file mode 100644 index 0000000..73db833 --- /dev/null +++ b/app/(clean)/sign-up/page.tsx @@ -0,0 +1,12 @@ +import { Link } from "@heroui/react"; +import React from "react"; + +const page = () => { + return ( +
+

Hello world

+
+ ); +}; + +export default page; diff --git a/app/(clear)/signup/page.tsx b/app/(clear)/signup/page.tsx deleted file mode 100644 index 9d7c5ab..0000000 --- a/app/(clear)/signup/page.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from "react"; - -const page = () => { - return
Sign Up
; -}; - -export default page; diff --git a/app/layout.tsx b/app/layout.tsx index ffd2965..0ac837a 100644 --- 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 ( + {children} diff --git a/bun.lock b/bun.lock index 58682e5..3900cc2 100644 --- a/bun.lock +++ b/bun.lock @@ -11,6 +11,7 @@ "framer-motion": "^12.23.3", "next": "15.3.5", "next-themes": "^0.4.6", + "nextjs-toploader": "^3.8.16", "react": "^19.0.0", "react-dom": "^19.0.0", "zod": "^4.0.5", @@ -1142,6 +1143,8 @@ "next-themes": ["next-themes@0.4.6", "", { "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA=="], + "nextjs-toploader": ["nextjs-toploader@3.8.16", "", { "dependencies": { "nprogress": "^0.2.0", "prop-types": "^15.8.1" }, "peerDependencies": { "next": ">= 6.0.0", "react": ">= 16.0.0", "react-dom": ">= 16.0.0" } }, "sha512-xiejFF9OQD8ovvHfrFhnEmRytvZtwIOY/mMtI9punOAACXpYpgC0y1afJ4DSIEmUi4Syy9A5BsFpUORTJ9z8Ng=="], + "node-releases": ["node-releases@2.0.19", "", {}, "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="], "normalize-package-data": ["normalize-package-data@2.5.0", "", { "dependencies": { "hosted-git-info": "^2.1.4", "resolve": "^1.10.0", "semver": "2 || 3 || 4 || 5", "validate-npm-package-license": "^3.0.1" } }, "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA=="], @@ -1150,6 +1153,8 @@ "normalize-range": ["normalize-range@0.1.2", "", {}, "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="], + "nprogress": ["nprogress@0.2.0", "", {}, "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="], + "object-assign": ["object-assign@4.1.1", "", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="], "object-hash": ["object-hash@3.0.0", "", {}, "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="], diff --git a/package.json b/package.json index 7b10d41..b1e82ec 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "framer-motion": "^12.23.3", "next": "15.3.5", "next-themes": "^0.4.6", + "nextjs-toploader": "^3.8.16", "react": "^19.0.0", "react-dom": "^19.0.0", "zod": "^4.0.5" diff --git a/shared/ui/navbar.tsx b/shared/ui/navbar.tsx index 71a1353..adc62a4 100644 --- a/shared/ui/navbar.tsx +++ b/shared/ui/navbar.tsx @@ -97,7 +97,8 @@ const NavbarUI = () => { color="primary" variant="solid" radius="sm" - onPress={() => delayButtonClick(router, "/signup")} + as={Link} + href="/sign-up" > Sign Up