Merge pull request #49 from codelitdev/issue-48

Added dashboard route and keep protected when session is not active

apps/web/app/api/auth/[...nextauth]/route.ts

@@ -48,7 +48,7 @@ export const authOptions: NextAuthOptions = {
     secret: process.env.NEXTAUTH_SECRET,
     callbacks: {
         async redirect({ url, baseUrl }) {
-            return url;
+            return baseUrl;
         },
     },
 };

apps/web/app/components/NavMenu.tsx

@@ -16,7 +16,7 @@ function AuthButton() {
     }
     return (
         <div className={styles.navbar}>
-            Guest <br />
+            Guest
             <button onClick={() => signIn()}>Sign in</button>
         </div>
     );

apps/web/app/dashboard/page.tsx

@@ -1,14 +1,20 @@
 "use client";
+
 import { useSession } from "next-auth/react";
 import Link from "next/link";
 
 export default function Dashboard() {
     const { data: session } = useSession();
 
     return (
+        <>
         <div>
             <Link href="/">Home</Link>
+            <p>
             {session?.user && <>Welcome {session?.user?.email}</>}
+            </p>
         </div>
+        </>
+
     );
 }

apps/web/app/page.tsx

@@ -1,12 +1,20 @@
-import Image from 'next/image'
+"use client"
+
 import styles from './page.module.css'
 import Link from 'next/link'
+import { useSession } from 'next-auth/react'
 
 export default function Home() {
+  const {data: session} = useSession();
+
+  const Dashboard = session ? <Link href="/dashboard"> Dashboard </Link>: ""
+
   return (
+    <>
     <div>
-        <Link href="/dashboard">Dashboard</Link>
-        Hello
+        {Dashboard}
     </div>
+    </>
+
   )
 }

apps/web/middleware.ts

@@ -0,0 +1,3 @@
+export { default } from "next-auth/middleware";
+
+export const config = { matcher: ["/dashboard"] };