Setting up Drizzle ORM with NextAuth.js in Next.js 14

In this tutorial, we'll cover the complete process of integrating Drizzle ORM with NextAuth v5 in Next.js 14.

Topics Covered

Running the Project on Your Machine
Demo of the Application
Setting Up a Serverless PostgreSQL Database
Creating the NextAuth SQL Tables with Drizzle ORM
- Creating the Database Schemas
- Connecting to the Serverless Database
- Performing the Database Migration and Synchronization
Initializing NextAuth in the Next.js 14 Project
Setting up Credentials Authentication with NextAuth
Setting up Google and GitHub OAuth with NextAuth
Retrieving the Session Data in Different Locations
- In a React Server Component
- In a Next.js Route File
- In a React Client Component
Modifying the Session Data and JWT Payload
Protecting Routes in Different Locations
- In a Next.js Route File
- In a React Server Component
- In a React Client Component
- In a Next.js Middleware File
Conclusion

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
app		app
components		components
database		database
drizzle		drizzle
lib		lib
public		public
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
Makefile		Makefile
README.md		README.md
auth.ts		auth.ts
drizzle.config.ts		drizzle.config.ts
example.env		example.env
middleware.ts		middleware.ts
next.config.mjs		next.config.mjs
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json