Create clerk.js

UnfilteredBytes · Aug 26, 2024 · 3a1c005 · 3a1c005
1 parent 3daac76
commit 3a1c005
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/.env.local/clerk.js b/.env.local/clerk.js
@@ -0,0 +1,46 @@
+npm install @clerk/nextjs
+
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_anVzdC1tYXN0b2Rvbi01LmNsZXJrLmFjY291bnRzLmRldiQ
+CLERK_SECRET_KEY=pk_test_anVzdC1tYXN0b2Rvbi01LmNsZXJrLmFjY291bnRzLmRldiQ
+
+import { clerkMiddleware } from "@clerk/nextjs/server";
+
+export default clerkMiddleware();
+
+export const config = {
+  matcher: [
+    // Skip Next.js internals and all static files, unless found in search params
+    '/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',
+    // Always run for API routes
+    '/(api|trpc)(.*)',
+  ],
+};
+import {
+  ClerkProvider,
+  SignInButton,
+  SignedIn,
+  SignedOut,
+  UserButton
+} from '@clerk/nextjs'
+import './globals.css'
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <ClerkProvider>
+      <html lang="en">
+        <body>
+          <SignedOut>
+            <SignInButton />
+          </SignedOut>
+          <SignedIn>
+            <UserButton />
+          </SignedIn>
+          {children}
+        </body>
+      </html>
+    </ClerkProvider>
+  )
+}