feat: add auth

lewxdev · Jul 22, 2024 · ca8f05e · ca8f05e
1 parent c71b16a
commit ca8f05e
Show file tree

Hide file tree

Showing 6 changed files with 270 additions and 8 deletions.
diff --git a/.env.sample b/.env.sample
@@ -1,2 +1,7 @@
+# Clerk
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
+CLERK_SECRET_KEY=
+
+# Upstash
 UPSTASH_REDIS_REST_URL=
 UPSTASH_REDIS_REST_TOKEN=
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,15 +1,29 @@
 import type { Metadata } from "next";
 import { GeistSans } from "geist/font/sans";
 import "@/globals.css";
+import { ClerkProvider, SignedIn, SignOutButton } from "@clerk/nextjs";
 
 export const metadata: Metadata = {
   title: "mmmines",
 };
 
 export default function RootLayout(props: Readonly<React.PropsWithChildren>) {
   return (
-    <html lang="en">
-      <body className={GeistSans.className}>{props.children}</body>
-    </html>
+    <ClerkProvider>
+      <html lang="en">
+        <body className={GeistSans.className}>
+          <div className="p-10">
+            <h1 className="text-4xl">mmmines</h1>
+            <SignedIn>
+              <SignOutButton />
+            </SignedIn>
+            <div className="pb-10" />
+            <div className="flex flex-col items-center justify-center">
+              {props.children}
+            </div>
+          </div>
+        </body>
+      </html>
+    </ClerkProvider>
   );
 }
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,9 +1,5 @@
 import { Field } from "@/components/field";
 
 export default function App() {
-  return (
-    <div className="flex h-screen items-center justify-center">
-      <Field />
-    </div>
-  );
+  return <Field />;
 }
diff --git a/middleware.ts b/middleware.ts
@@ -0,0 +1,11 @@
+import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
+
+const isProtectedRoute = createRouteMatcher(["/(.*)"]);
+
+export default clerkMiddleware((auth, req) => {
+  if (isProtectedRoute(req)) auth().protect();
+});
+
+export const config = {
+  matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api)(.*)"],
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@clerk/nextjs": "^5.2.4",
     "@upstash/redis": "^1.32.0",
     "clsx": "^2.1.1",
     "dotenv": "^16.4.5",