feat: static pages

app/(main)/layout.tsx → app/(main)/(static)/layout.tsx

@@ -7,7 +7,7 @@ export default function LayoutMain({
 }) {
 	return (
 		<div>
-			<Navbar />
+			<Navbar>{undefined}</Navbar>
 			{children}
 		</div>
 	);

app/(main)/page.tsx → app/(main)/(static)/page.tsx

@@ -16,8 +16,8 @@ export default function Home() {
 					Launch in Seconds
 				</TypographyH1>
 				<TypographyP className="text-2xl w-2/3 text-center">
-					Lorem ipsum dolor sit amet consectetur adipisicing elit.
-					Unde aut quas provident vero illum.
+					A simple customizable starter kit to quickly bootstrap a
+					Next.js project.
 				</TypographyP>
 				<div className="space-x-4">
 					<Button size="lg">Get Started</Button>

app/(main)/(with-auth)/dashboard/layout.tsx

@@ -0,0 +1,14 @@
+import Navbar, { NavbarWithAuth } from "@/components/navbar";
+
+export default function LayoutMain({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<div>
+			<NavbarWithAuth />
+			{children}
+		</div>
+	);
+}

app/(main)/(with-auth)/dashboard/page.tsx

@@ -0,0 +1,10 @@
+import { TypographyH1 } from "@/components/ui/typography";
+import React from "react";
+
+export default function PageDashboard() {
+	return (
+		<div className="min-h-[calc(100vh-56px)] w-full flex items-center justify-center">
+			<TypographyH1>Dashboard</TypographyH1>
+		</div>
+	);
+}

middleware.ts

@@ -4,8 +4,8 @@ import { authMiddleware } from "@clerk/nextjs";
 // Please edit this to allow other routes to be public as needed.
 // See https://clerk.com/docs/nextjs/middleware for more information about configuring your middleware
 export default authMiddleware({
-	publicRoutes: ["/", "/(github|twitter|linkedin)"],
-	ignoredRoutes: ["/(api|trpc)(.*)"],
+	publicRoutes: ["/(github|twitter|linkedin)"],
+	ignoredRoutes: ["/", "/(api|trpc)(.*)"],
 	clockSkewInMs: 100_000,
 	clockSkewInSeconds: 100,
 });