wrapped app in clerk provider

dabarcenas6921 · Oct 4, 2023 · 2f31587 · 2f31587
1 parent 4220530
commit 2f31587
Show file tree

Hide file tree

Showing 8 changed files with 1,035 additions and 16 deletions.
diff --git a/.env.example b/.env.example
@@ -12,3 +12,7 @@
 # Prisma
 # https://www.prisma.io/docs/reference/database-reference/connection-urls#env
 DATABASE_URL="file:./db.sqlite"
+
+#Clerk
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="put clerk secret here"
+CLERK_SECRET_KEY="put clerk secret here"
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "start": "next start"
   },
   "dependencies": {
+    "@clerk/nextjs": "^4.25.1",
     "@prisma/client": "^5.1.1",
     "@t3-oss/env-nextjs": "^0.6.0",
     "@tanstack/react-query": "^4.32.6",

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
@@ -9,12 +9,12 @@ datasource db {
     provider = "sqlite"
     url      = env("DATABASE_URL")
 }
+//Example for reference:
+// model Example {
+//     id        Int      @id @default(autoincrement())
+//     name      String
+//     createdAt DateTime @default(now())
+//     updatedAt DateTime @updatedAt
 
-model Example {
-    id        Int      @id @default(autoincrement())
-    name      String
-    createdAt DateTime @default(now())
-    updatedAt DateTime @updatedAt
-
-    @@index([name])
-}
+//     @@index([name])
+// }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/middleware.ts b/src/middleware.ts
@@ -0,0 +1,10 @@
+import { authMiddleware } from "@clerk/nextjs";
+
+// This example protects all routes including api/trpc routes
+// Please edit this to allow other routes to be public as needed.
+// See https://clerk.com/docs/references/nextjs/auth-middleware for more information about configuring your middleware
+export default authMiddleware({});
+
+export const config = {
+  matcher: ["/((?!.+\\.[\\w]+$|_next).*)", "/", "/(api|trpc)(.*)"],
+};
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,11 +1,14 @@
 import { type AppType } from "next/app";
-
 import { api } from "~/utils/api";
-
 import "~/styles/globals.css";
+import { ClerkProvider } from "@clerk/nextjs";
 
 const MyApp: AppType = ({ Component, pageProps }) => {
-  return <Component {...pageProps} />;
+  return (
+    <ClerkProvider>
+      <Component {...pageProps} />
+    </ClerkProvider>
+  );
 };
 
 export default api.withTRPC(MyApp);
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -11,7 +11,6 @@ export default function Home() {
       <Head>
         <title>Init Dashboard</title>
         <meta name="description" content="Website for Init" />
-        <link rel="icon" href="/favicon.ico" />
       </Head>
       <main className="bg-primary flex min-h-screen flex-col items-center justify-center"></main>
     </>