Make root page catch-all route for signup component

Author: heatlikeheatwave

app/page.tsx renamed to app/[[...home]]/page.tsx

@@ -8,9 +8,9 @@ import {
   SignedIn,
   SignedOut,
 } from "@clerk/nextjs";
-import { ClerkLogo } from "./components/clerk-logo";
+import { ClerkLogo } from "../components/clerk-logo";
 
-export default function Home() {
+export default function Page() {
   return (
     <main className="flex flex-col justify-center items-center min-h-full p-8 pb-20 gap-4 sm:p-20 font-[family-name:var(--font-geist-sans)]">
       <div className="inline-flex">

app/dashboard/page.tsx

@@ -5,7 +5,7 @@ import Link from "next/link";
 import { CodeSwitcher } from "../components/code-switcher";
 import { UserDetails } from "../components/user-details";
 
-export default async function DashboardPage() {
+export default async function Page() {
   await auth.protect();
 
   return (

middleware.ts

@@ -1,6 +1,16 @@
-import { clerkMiddleware } from "@clerk/nextjs/server";
+import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
 
-export default clerkMiddleware();
+const isPublicRoute = createRouteMatcher([
+  "/(.*)",
+  "/sign-in(.*)",
+  "/sign-up(.*)",
+]);
+
+export default clerkMiddleware(async (auth, req) => {
+  if (!isPublicRoute(req)) {
+    await auth.protect();
+  }
+});
 
 export const config = {
   matcher: [