Update dependencies.

Author: leerob

Diff for: README.md

@@ -1,15 +1,6 @@
-<p align="center">
-  <a href="https://nextjs-postgres-auth.vercel.app/">
-    <img src="/public/logo.png" height="96">
-    <h3 align="center">Next.js Prisma PostgreSQL Auth Starter</h3>
-  </a>
-</p>
-
-<p align="center">
-This is a <a href="https://nextjs.org/">Next.js</a> starter kit that uses <a href="https://next-auth.js.org/">Next-Auth</a> for simple email + password login<br/>
-<a href="https://www.prisma.io/">Prisma</a> as the ORM, and a <a href="https://vercel.com/postgres">Neon Postgres</a> database to persist the data.</p>
-
-<br/>
+# Next.js + PostgreSQL Auth Starter
+
+This is a [Next.js](https://nextjs.org/) starter kit that uses [NextAuth.js](https://next-auth.js.org/) for simple email + password login, [Drizzle](https://orm.drizzle.team) as the ORM, and a [Neon Postgres](https://vercel.com/postgres) database to persist the data.
 
 ## Deploy Your Own
 

Diff for: app/auth.config.ts

@@ -10,14 +10,16 @@ export const authConfig = {
   ],
   callbacks: {
     authorized({ auth, request: { nextUrl } }) {
-      const isLoggedIn = !!auth?.user;
-      const isOnDashboard = nextUrl.pathname.startsWith('/protected');
+      let isLoggedIn = !!auth?.user;
+      let isOnDashboard = nextUrl.pathname.startsWith('/protected');
+
       if (isOnDashboard) {
         if (isLoggedIn) return true;
         return false; // Redirect unauthenticated users to login page
       } else if (isLoggedIn) {
         return Response.redirect(new URL('/protected', nextUrl));
       }
+
       return true;
     },
   },

Diff for: app/auth.ts

@@ -1,7 +1,7 @@
 import NextAuth from 'next-auth';
 import Credentials from 'next-auth/providers/credentials';
 import bcrypt from 'bcrypt';
-import prisma from 'app/prisma';
+import { getUser } from 'app/db';
 import { authConfig } from 'app/auth.config';
 
 export const {
@@ -14,15 +14,10 @@ export const {
   providers: [
     Credentials({
       async authorize({ email, password }: any) {
-        let user = await prisma.user.findUnique({
-          where: {
-            email,
-          },
-        });
-
-        if (!user) return null;
-        let passwordsMatch = await bcrypt.compare(password, user.password);
-        if (passwordsMatch) return user as any;
+        let user = await getUser(email);
+        if (user.length === 0) return null;
+        let passwordsMatch = await bcrypt.compare(password, user[0].password!);
+        if (passwordsMatch) return user[0] as any;
       },
     }),
   ],

Diff for: app/db.ts

@@ -0,0 +1,24 @@
+import { drizzle } from 'drizzle-orm/postgres-js';
+import { pgTable, serial, varchar } from 'drizzle-orm/pg-core';
+import { eq } from 'drizzle-orm';
+import postgres from 'postgres';
+import { hash } from 'bcrypt';
+
+let client = postgres(`${process.env.POSTGRES_URL!}?sslmode=require`);
+let db = drizzle(client);
+
+let users = pgTable('User', {
+  id: serial('id').primaryKey(),
+  email: varchar('email', { length: 64 }),
+  password: varchar('password', { length: 64 }),
+});
+
+export async function getUser(email: string) {
+  return await db.select().from(users).where(eq(users.email, email));
+}
+
+export async function createUser(email: string, password: string) {
+  return await db
+    .insert(users)
+    .values({ email, password: await hash(password, 10) });
+}

Diff for: app/layout.tsx

@@ -2,8 +2,8 @@ import './globals.css';
 
 import { GeistSans } from 'geist/font/sans';
 
-const title = 'Next.js Prisma Postgres Auth Starter';
-const description =
+let title = 'Next.js + Postgres Auth Starter';
+let description =
   'This is a Next.js starter kit that uses NextAuth.js for simple email + password login and a Postgres database to persist the data.';
 
 export const metadata = {
@@ -17,7 +17,7 @@ export const metadata = {
   metadataBase: new URL('https://nextjs-postgres-auth.vercel.app'),
 };
 
-export default async function RootLayout({
+export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;

Diff for: app/opengraph-image.png

@@ -20,7 +20,7 @@ export default function Page() {
         </svg>
         <div className="text-center max-w-screen-sm mb-10">
           <h1 className="text-stone-200 font-bold text-2xl">
-            Next.js Prisma PostgreSQL Auth Starter
+            Next.js + Postgres Auth Starter
           </h1>
           <p className="text-stone-400 mt-5">
             This is a{' '}
@@ -48,7 +48,7 @@ export default function Page() {
               rel="noopener noreferrer"
               className="text-stone-400 underline hover:text-stone-200 transition-all"
             >
-              Vercel Postgres
+              Postgres
             </a>{' '}
             database to persist the data.
           </p>

Diff for: app/page.tsx

@@ -1,32 +1,19 @@
 import Link from 'next/link';
 import { Form } from 'app/form';
-import prisma from '@/app/prisma';
-import { hash } from 'bcrypt';
 import { redirect } from 'next/navigation';
+import { createUser, getUser } from 'app/db';
 
 export default function Login() {
   async function register(formData: FormData) {
     'use server';
     let email = formData.get('email') as string;
     let password = formData.get('password') as string;
+    let user = await getUser(email);
 
-    const exists = await prisma.user.findUnique({
-      where: {
-        email,
-      },
-    });
-
-    if (exists) {
-      console.log('User already exists');
+    if (user.length > 0) {
       return 'User already exists'; // TODO: Handle errors with useFormStatus
     } else {
-      await prisma.user.create({
-        data: {
-          email,
-          password: await hash(password, 10),
-        },
-      });
-      console.log('User created');
+      await createUser(email, password);
       redirect('/login');
     }
   }

Diff for: app/prisma.ts

@@ -1,19 +1,20 @@
 {
   "private": true,
   "scripts": {
-    "dev": "prisma generate && next dev --turbo",
-    "build": "prisma generate && prisma db push && next build",
+    "dev": "next dev --turbo",
+    "build": "next build",
     "start": "next start",
     "lint": "next lint"
   },
   "dependencies": {
-    "@prisma/client": "^5.7.1",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
     "bcrypt": "^5.1.1",
+    "drizzle-orm": "^0.29.2",
     "geist": "^1.2.0",
     "next": "^14.0.4",
     "next-auth": "5.0.0-beta.4",
+    "postgres": "^3.4.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -23,7 +24,6 @@
     "eslint": "8.56.0",
     "eslint-config-next": "^14.0.4",
     "postcss": "^8.4.32",
-    "prisma": "^5.7.1",
     "tailwindcss": "^3.4.0",
     "typescript": "^5.3.3"
   }