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
@@ -1,3 +1,6 @@
+import Navbar from '@/components/Navbar';
+import ConvexProvider from '@/providers';
+import { ClerkProvider } from '@clerk/nextjs';
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import './globals.css';
@@ -14,8 +17,20 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang='en'>
-      <body className={inter.className}>{children}</body>
-    </html>
+    <ClerkProvider
+      publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}
+    >
+      <ConvexProvider>
+        <html
+          lang='en'
+          className='w-full h-full'
+        >
+          <body className={`w-full h-full flex flex-col ${inter.className}`}>
+            <Navbar />
+            <div className='p-4'>{children}</div>
+          </body>
+        </html>
+      </ConvexProvider>
+    </ClerkProvider>
  );
 }