add api/webhooks to public routes

Author: UnderprotectionDev

app/api/webhook/route.ts renamed to app/api/webhooks/route.ts

@@ -58,10 +58,18 @@ export async function POST(req: Request) {
     const { id, email_addresses, image_url, username, first_name, last_name } =
       evt.data;
 
+    // const mongoUser = await createUser({
+    //   clerkId: id,
+    //   name: `${first_name}${last_name ? ` ${last_name}` : ""}`,
+    //   username: username!,
+    //   email: email_addresses[0].email_address,
+    //   picture: image_url,
+    // });
+
     const mongoUser = await createUser({
       clerkId: id,
-      name: `${first_name}${last_name ? ` ${last_name}` : ""}`,
-      username: username!,
+      name: `${first_name}${last_name ? `${last_name}` : ""}`,
+      username: username || "Userx",
       email: email_addresses[0].email_address,
       picture: image_url,
     });

middleware.ts

@@ -16,37 +16,19 @@
 //   ],
 // };
 import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
+const isProtectedRoute = createRouteMatcher(["/ask-question(.*)"]);
 
-const isPublicRoute = createRouteMatcher([
-  "/",
-  "/api/webhook",
-  "/question/:id)",
-  "/tags(.*)",
-  "/tags/:id",
-  "/profile/:id",
-  "/community",
-  "/jobs",
-  "/sign-in(.*)",
-  "/sign-up(.*)",
-]);
-
-const isIgnoredRoute = createRouteMatcher(["/api/webhook", "/api/chatgpt"]);
-
-export default clerkMiddleware((auth, request) => {
-  const { pathname } = new URL(request.url);
-
-  if (isIgnoredRoute(request)) {
-    return;
-  }
-
-  if (!isPublicRoute(request)) {
+export default clerkMiddleware((auth, req) => {
+  if (isProtectedRoute(req)) {
     auth().protect();
   }
 });
 
 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)(.*)",
   ],
 };

next.config.mjs

@@ -5,6 +5,14 @@ const nextConfig = {
     mdxRs: true,
     serverComponentsExternalPackages: ["mongoose"],
   },
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "img.clerk.com",
+      },
+    ],
+  },
 };
 
 export default nextConfig;