🐱‍🏍 authentication added

Author: codebyps

.env

@@ -4,6 +4,17 @@
 # Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
 # See the documentation for all the connection string options: https://pris.ly/d/connection-strings
 
-DATABASE_URL="mongodb+srv://playground:[email protected]/shotr"
-NEXT_URL="http://localhost:3000"
+DATABASE_URL="mongodb+srv://playground:[email protected]/linkey-dev"
+
+NEXT_PUBLIC_URL="http://localhost:3000"
+
+NEXTAUTH_URL="http://localhost:3000"
+
+NEXTAUTH_SECRET="duisvbfuyfduifhgwyfvopiguy"
+GOOGLE_CLIENT_ID="621190539158-gltjuld8dprl0ku38511fuo0t7vg2if2.apps.googleusercontent.com"
+GOOGLE_CLIENT_SECRET="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"
+GITHUB_ID="813d1b3a99d692651e70"
+GITHUB_SECRET="5e6b6e46968f2198eaf1cd599992238ba458b1b9"
+
+
 REDIRECT_URL="https://linkey-ss.onrender.com/"

Context/AuthContext.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+
+export interface AuthContextProps {
+  children: React.ReactNode;
+}
+
+export default function AuthContext({ children }: AuthContextProps) {
+  return <SessionProvider>{children}</SessionProvider>;
+}

app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,99 @@
+import bcrypt from "bcrypt";
+import NextAuth, { AuthOptions, Session } from "next-auth";
+import CredentialsProvider from "next-auth/providers/credentials";
+import GithubProvider from "next-auth/providers/github";
+import GoogleProvider from "next-auth/providers/google";
+import { PrismaAdapter } from "@next-auth/prisma-adapter";
+
+import prisma from "@/lib/prisma";
+
+export const authOptions: AuthOptions = {
+  adapter: PrismaAdapter(prisma),
+  providers: [
+    GithubProvider({
+      clientId: process.env.GITHUB_ID as string,
+      clientSecret: process.env.GITHUB_SECRET as string,
+    }),
+    GoogleProvider({
+      clientId: process.env.GOOGLE_CLIENT_ID as string,
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
+    }),
+    CredentialsProvider({
+      name: "credentials",
+      credentials: {
+        email: { label: "email", type: "text" },
+        password: { label: "password", type: "password" },
+      },
+      async authorize(credentials) {
+        if (!credentials?.email || !credentials?.password) {
+          throw new Error("Invalid credentials");
+        }
+
+        const user = await prisma.user.findUnique({
+          where: {
+            email: credentials.email,
+          },
+        });
+
+        if (!user || !user?.hashedPassword) {
+          throw new Error("Invalid credentials");
+        }
+
+        const isCorrectPassword = await bcrypt.compare(
+          credentials.password,
+          user.hashedPassword
+        );
+
+        if (!isCorrectPassword) {
+          throw new Error("Invalid credentials");
+        }
+
+        return user;
+      },
+    }),
+  ],
+
+  callbacks: {
+    async jwt({ token, user }) {
+      /* Step 1: update the token based on the user object */
+      if (user) {
+        token.id = user.id;
+        token.username = user.username;
+        token.name = user.name;
+        token.email = user.email;
+        token.image = user.image;
+        token.bio = user.bio;
+        token.emailVerified = user.emailVerified;
+      }
+      return token;
+    },
+    async session({ session, token }) {
+      /* Step 2: update the session.user based on the token object */
+      if (token && session.user) {
+        session.user.id = token.id;
+        session.user.username = token.username;
+        session.user.name = token.name;
+        session.user.email = token.email;
+        session.user.image = token.image;
+        session.user.bio = token.bio;
+        session.user.emailVerified = token.emailVerified;
+      }
+      return session;
+    },
+  },
+
+  debug: process.env.NODE_ENV === "development",
+  session: {
+    strategy: "jwt",
+  },
+  secret: process.env.NEXTAUTH_SECRET,
+  pages: {
+    signIn: "/auth",
+    signOut: "/auth",
+    // error: "/global-error", // Error code passed in query string as ?error=
+  },
+};
+
+const handler = NextAuth(authOptions);
+
+export { handler as GET, handler as POST };

app/api/register/route.ts

@@ -0,0 +1,21 @@
+import bcrypt from "bcrypt";
+
+import prisma from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function POST(request: Request) {
+  const body = await request.json();
+  const { email, name, password } = body;
+
+  const hashedPassword = await bcrypt.hash(password, 12);
+
+  const user = await prisma.user.create({
+    data: {
+      email,
+      name,
+      hashedPassword,
+    },
+  });
+
+  return NextResponse.json(user);
+}

app/api/short/route.ts

@@ -16,7 +16,14 @@ export async function POST(request: NextRequest) {
     return result;
   }
 
-  const { longUrl, shortUrl } = await request.json();
+  const { longUrl, shortUrl, userId } = await request.json();
+
+  if (!userId) {
+    return NextResponse.json({
+      error: "You are not authorized to make shot link",
+      status: 400,
+    });
+  }
 
   const reservedWords = [
     "priyanshu",
@@ -75,6 +82,7 @@ export async function POST(request: NextRequest) {
           shortUrl: shotID,
           longUrl: longUrl as string,
           clicks: 0,
+          user: userId,
         },
       });
       console.log(res);

app/auth/page.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import AuthForm from "../components/AuthForm";
+
+export const metadata = {
+  title: "Get Authentication",
+};
+const Auth = () => {
+  return (
+    <div
+      className="
+        flex 
+        min-h-full 
+        max-h-screen
+        flex-col 
+        justify-center 
+        py-12 
+        sm:px-6 
+        lg:px-8 
+        bg-gray-100
+      "
+    >
+      <div className="sm:mx-auto sm:w-full sm:max-w-md">
+        <h2
+          className="
+            mt-6 
+            text-center 
+            text-3xl 
+            font-bold 
+            tracking-tight 
+            text-gray-900
+          "
+        >
+          Sign in to your account
+        </h2>
+      </div>
+      <AuthForm />
+    </div>
+  );
+};
+
+export default Auth;