Fixes so it builds on Vercel.

prisma/schema.prisma

@@ -10,7 +10,11 @@ generator client {
 
 datasource db {
   provider = "postgresql"
+  // for local development
   url      = env("DATABASE_URL")
+  // for Vercel
+  // url       = env("POSTGRES_PRISMA_URL")
+  // directUrl = env("POSTGRES_URL_NON_POOLING")
 }
 
 enum Role {

prisma/seed.ts

@@ -35,7 +35,7 @@ async function main() {
     }
     console.log(`  Adding stuff: ${data.name} (${data.owner})`);
     await prisma.stuff.upsert({
-      where: { id: index },
+      where: { id: index + 1 },
       update: {},
       create: {
         name: data.name,

sample.env

@@ -11,4 +11,14 @@ DATABASE_URL="postgresql://user:password@localhost:5432/mydb?schema=public"
 # for redirections on login, etc.
 
 NEXTAUTH_SECRET=secret
-NEXTAUTH_URL=http://localhost:3000
+NEXTAUTH_URL=http://localhost:3000
+
+# Created by Vercel CLI
+POSTGRES_DATABASE="verceldb"
+POSTGRES_HOST="***"
+POSTGRES_PASSWORD="***"
+POSTGRES_PRISMA_URL="postgres://default:***@***/verceldb?pgbouncer=true&connect_timeout=15&sslmode=require"
+POSTGRES_URL="postgres://default:***@***/verceldb?sslmode=require"
+POSTGRES_URL_NON_POOLING="postgres://default:***@***/verceldb?sslmode=require"
+POSTGRES_URL_NO_SSL="postgres://default:***@***/verceldb"
+POSTGRES_USER="default"

src/app/add/page.tsx

@@ -1,5 +1,5 @@
 import { getServerSession } from 'next-auth';
-import { authOptions } from '@/app/api/auth/[...nextauth]/route';
+import authOptions from '@/lib/authOptions';
 import { loggedInProtectedPage } from '@/lib/page-protection';
 import AddStuffForm from '@/components/AddStuffForm';
 

src/app/admin/page.tsx

@@ -3,7 +3,7 @@ import { Col, Container, Row, Table } from 'react-bootstrap';
 import StuffItemAdmin from '@/components/StuffItemAdmin';
 import { prisma } from '@/lib/prisma';
 import { adminProtectedPage } from '@/lib/page-protection';
-import { authOptions } from '../api/auth/[...nextauth]/route';
+import authOptions from '@/lib/authOptions';
 
 const AdminPage = async () => {
   const session = await getServerSession(authOptions);

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

@@ -1,83 +1,5 @@
-/* eslint-disable arrow-body-style */
-import { compare } from 'bcrypt';
-import NextAuth, { type NextAuthOptions } from 'next-auth';
-import CredentialsProvider from 'next-auth/providers/credentials';
-import { prisma } from '@/lib/prisma';
-
-export const authOptions: NextAuthOptions = {
-  session: {
-    strategy: 'jwt',
-  },
-  providers: [
-    CredentialsProvider({
-      name: 'Email and Password',
-      credentials: {
-        email: {
-          label: 'Email',
-          type: 'email',
-          placeholder: '[email protected]',
-        },
-        password: { label: 'Password', type: 'password' },
-      },
-      async authorize(credentials) {
-        if (!credentials?.email || !credentials.password) {
-          return null;
-        }
-        const user = await prisma.user.findUnique({
-          where: {
-            email: credentials.email,
-          },
-        });
-        if (!user) {
-          return null;
-        }
-
-        const isPasswordValid = await compare(credentials.password, user.password);
-        if (!isPasswordValid) {
-          return null;
-        }
-
-        return {
-          id: `${user.id}`,
-          email: user.email,
-          randomKey: user.role,
-        };
-      },
-    }),
-  ],
-  pages: {
-    signIn: '/auth/signin',
-    signOut: '/auth/signout',
-    //   error: '/auth/error',
-    //   verifyRequest: '/auth/verify-request',
-    //   newUser: '/auth/new-user'
-  },
-  callbacks: {
-    session: ({ session, token }) => {
-      // console.log('Session Callback', { session, token })
-      return {
-        ...session,
-        user: {
-          ...session.user,
-          id: token.id,
-          randomKey: token.randomKey,
-        },
-      };
-    },
-    jwt: ({ token, user }) => {
-      // console.log('JWT Callback', { token, user })
-      if (user) {
-        const u = user as unknown as any;
-        return {
-          ...token,
-          id: u.id,
-          randomKey: u.randomKey,
-        };
-      }
-      return token;
-    },
-  },
-};
+import NextAuth from 'next-auth';
+import authOptions from '@/lib/authOptions';
 
 const handler = NextAuth(authOptions);
 export { handler as GET, handler as POST };

src/app/edit/[id]/page.tsx

@@ -1,7 +1,7 @@
 import { getServerSession } from 'next-auth';
 import { notFound } from 'next/navigation';
 import { Stuff } from '@prisma/client';
-import { authOptions } from '@/app/api/auth/[...nextauth]/route';
+import authOptions from '@/lib/authOptions';
 import { loggedInProtectedPage } from '@/lib/page-protection';
 import { prisma } from '@/lib/prisma';
 import EditStuffForm from '@/components/EditStuffForm';

src/app/list/page.tsx

@@ -3,7 +3,7 @@ import { Col, Container, Row, Table } from 'react-bootstrap';
 import { prisma } from '@/lib/prisma';
 import StuffItem from '@/components/StuffItem';
 import { loggedInProtectedPage } from '@/lib/page-protection';
-import { authOptions } from '@/app/api/auth/[...nextauth]/route';
+import authOptions from '@/lib/authOptions';
 
 /** Render a list of stuff for the logged in user. */
 const ListPage = async () => {

src/lib/authOptions.ts

@@ -0,0 +1,83 @@
+/* eslint-disable arrow-body-style */
+import { compare } from 'bcrypt';
+import { type NextAuthOptions } from 'next-auth';
+import CredentialsProvider from 'next-auth/providers/credentials';
+import { prisma } from '@/lib/prisma';
+
+const authOptions: NextAuthOptions = {
+  session: {
+    strategy: 'jwt',
+  },
+  providers: [
+    CredentialsProvider({
+      name: 'Email and Password',
+      credentials: {
+        email: {
+          label: 'Email',
+          type: 'email',
+          placeholder: '[email protected]',
+        },
+        password: { label: 'Password', type: 'password' },
+      },
+      async authorize(credentials) {
+        if (!credentials?.email || !credentials.password) {
+          return null;
+        }
+        const user = await prisma.user.findUnique({
+          where: {
+            email: credentials.email,
+          },
+        });
+        if (!user) {
+          return null;
+        }
+
+        const isPasswordValid = await compare(credentials.password, user.password);
+        if (!isPasswordValid) {
+          return null;
+        }
+
+        return {
+          id: `${user.id}`,
+          email: user.email,
+          randomKey: user.role,
+        };
+      },
+    }),
+  ],
+  pages: {
+    signIn: '/auth/signin',
+    signOut: '/auth/signout',
+    //   error: '/auth/error',
+    //   verifyRequest: '/auth/verify-request',
+    //   newUser: '/auth/new-user'
+  },
+  callbacks: {
+    session: ({ session, token }) => {
+      // console.log('Session Callback', { session, token })
+      return {
+        ...session,
+        user: {
+          ...session.user,
+          id: token.id,
+          randomKey: token.randomKey,
+        },
+      };
+    },
+    jwt: ({ token, user }) => {
+      // console.log('JWT Callback', { token, user })
+      if (user) {
+        const u = user as unknown as any;
+        return {
+          ...token,
+          id: u.id,
+          randomKey: u.randomKey,
+        };
+      }
+      return token;
+    },
+  },
+  secret: process.env.NEXTAUTH_SECRET,
+};
+
+export default authOptions;