clerk auth

markslorach · markslorach · commit 963b03f4ba02 · 2024-08-13T10:18:00.000+01:00
diff --git a/app/(login)/layout.tsx b/app/(login)/layout.tsx
@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+
+const LoginLayout = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className="px-4 md:container flex justify-center mt-10">
+      {children}
+    </div>
+  );
+};
+
+export default LoginLayout;
diff --git a/app/(login)/sign-in/[[...sign-in]]/page.tsx b/app/(login)/sign-in/[[...sign-in]]/page.tsx
@@ -0,0 +1,5 @@
+import { SignIn } from "@clerk/nextjs";
+
+export default function Page() {
+  return <SignIn />;
+}
diff --git a/app/(login)/sign-up/[[...sign-up]]/page.tsx b/app/(login)/sign-up/[[...sign-up]]/page.tsx
@@ -0,0 +1,5 @@
+import { SignUp } from "@clerk/nextjs";
+
+export default function Page() {
+  return <SignUp />;
+}
diff --git a/app/country/[cca3]/page.tsx b/app/country/[cca3]/page.tsx
@@ -1,9 +1,8 @@
-import { getCountry } from "@/lib/countries";
-
 import Link from "next/link";
+import BackButton from "@/app/components/shared/BackButton";
+import { getCountry } from "@/lib/countries";
 import { Button } from "@/components/ui/button";
 import { Country } from "@/app/types";
-import BackButton from "@/app/components/shared/BackButton";
 import { notFound } from "next/navigation";
 
 const CountryPage = async ({ params }: { params: { cca3: string } }) => {
diff --git a/app/globals.css b/app/globals.css
@@ -8,4 +8,8 @@ body {
 
 dd {
     @apply mb-2
+}
+
+.cl-internal-1dauvpw {
+    @apply hidden
 }
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -4,6 +4,7 @@ import "./globals.css";
 import NavBar from "./components/shared/NavBar";
 import { ThemeProvider } from "@/components/theme-provider";
 import Footer from "./components/shared/Footer";
+import { ClerkProvider } from "@clerk/nextjs";
 
 const notoSans = Noto_Sans({ subsets: ["latin"] });
 
@@ -18,6 +19,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
+    <ClerkProvider>
       <html lang="en">
         <body className={notoSans.className}>
           <ThemeProvider
@@ -34,5 +36,6 @@ export default function RootLayout({
           </ThemeProvider>
         </body>
       </html>
+    </ClerkProvider>
   );
 }
diff --git a/middleware.ts b/middleware.ts
@@ -0,0 +1,12 @@
+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)(.*)',
+  ],
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -8,4 +8,8 @@ body {`
`8`	`8`
`9`	`9`	`dd {`
`10`	`10`	`@apply mb-2`
	`11`	`+}`
	`12`	`+`
	`13`	`+.cl-internal-1dauvpw {`
	`14`	`+ @apply hidden`
`11`	`15`	`}`