feat: wire up clerk

+ Add convex provider with clerk + Add clerk provider + Add account page + Add login page + Add sign up page + Add clerk middleware + Add Navbar component
2023-09-09 20:05:10 -05:00
parent 8025858815
commit 9416bbaa05
9 changed files with 122 additions and 4 deletions
@@ -0,0 +1,31 @@
+import { SignedIn, SignedOut, UserButton } from '@clerk/nextjs';
+import Link from 'next/link';
+
+export default function Navbar() {
+  return (
+    <nav className='flex items-center justify-between p-5 shadow-md'>
+      <ul className='flex items-center gap-4'></ul>
+      <ul className='flex items-center gap-4'>
+        <SignedIn>
+          <li>
+            <UserButton
+              showName
+              userProfileMode='navigation'
+              userProfileUrl='/account'
+              signInUrl='/login'
+              afterSignOutUrl='/'
+            />
+          </li>
+        </SignedIn>
+        <SignedOut>
+          <li>
+            <Link href='/login'>Sign in</Link>
+          </li>
+          <li>
+            <Link href='/signup'>Sign up</Link>
+          </li>
+        </SignedOut>
+      </ul>
+    </nav>
+  );
+}