122 | );
123 | };
124 |
--------------------------------------------------------------------------------
/auth.ts:
--------------------------------------------------------------------------------
1 | import NextAuth from 'next-auth';
2 | import { PrismaAdapter } from '@auth/prisma-adapter';
3 | import prisma from './prisma/prisma';
4 | import github from 'next-auth/providers/github';
5 | import google from 'next-auth/providers/google';
6 | import CredentialsProvider from 'next-auth/providers/credentials';
7 | import bcrypt from 'bcryptjs';
8 |
9 | export const { handlers, auth, signIn, signOut } = NextAuth({
10 | session: { strategy: 'jwt' },
11 | adapter: PrismaAdapter(prisma),
12 | pages: {
13 | signIn: '/login',
14 | },
15 | providers: [
16 | github,
17 | google,
18 | CredentialsProvider({
19 | name: 'Sign in',
20 | id: 'credentials',
21 | credentials: {
22 | email: {
23 | label: 'Email',
24 | type: 'email',
25 | placeholder: 'example@example.com',
26 | },
27 | password: { label: 'Password', type: 'password' },
28 | },
29 | async authorize(credentials) {
30 | if (!credentials?.email || !credentials.password) {
31 | return null;
32 | }
33 |
34 | const user = await prisma.user.findUnique({
35 | where: {
36 | email: String(credentials.email),
37 | },
38 | });
39 |
40 | if (
41 | !user ||
42 | !(await bcrypt.compare(String(credentials.password), user.password!))
43 | ) {
44 | return null;
45 | }
46 |
47 | return {
48 | id: user.id,
49 | email: user.email,
50 | name: user.name,
51 | randomKey: 'Hey cool',
52 | };
53 | },
54 | }),
55 | ],
56 | callbacks: {
57 | authorized({ auth, request: { nextUrl } }) {
58 | const isLoggedIn = !!auth?.user;
59 | const paths = ['/profile', '/client-side'];
60 | const isProtected = paths.some((path) =>
61 | nextUrl.pathname.startsWith(path)
62 | );
63 |
64 | if (isProtected && !isLoggedIn) {
65 | const redirectUrl = new URL('/api/auth/signin', nextUrl.origin);
66 | redirectUrl.searchParams.append('callbackUrl', nextUrl.href);
67 | return Response.redirect(redirectUrl);
68 | }
69 | return true;
70 | },
71 | jwt: ({ token, user }) => {
72 | if (user) {
73 | const u = user as unknown as any;
74 | return {
75 | ...token,
76 | id: u.id,
77 | randomKey: u.randomKey,
78 | };
79 | }
80 | return token;
81 | },
82 | session(params) {
83 | return {
84 | ...params.session,
85 | user: {
86 | ...params.session.user,
87 | id: params.token.id as string,
88 | randomKey: params.token.randomKey,
89 | },
90 | };
91 | },
92 | },
93 | });
94 |
--------------------------------------------------------------------------------
/components/header.tsx:
--------------------------------------------------------------------------------
1 | import { auth, signOut } from '@/auth';
2 | import Link from 'next/link';
3 |
4 | const Header = async () => {
5 | const session = await auth();
6 | const user = session?.user;
7 |
8 | const logoutAction = async () => {
9 | 'use server';
10 | await signOut();
11 | };
12 |
13 | return (
14 |