1
import NextAuth, { NextAuthOptions } from 'next-auth'
2
import GoogleProvider from 'next-auth/providers/google'
3
import { s } from 'nextra/dist/types-c8e621b7'
4

5
export const authOptions: NextAuthOptions = {
6
  session: {
7
    strategy: 'jwt' as const,
8
    // ...
9
  },
10
  providers: [
11
    GoogleProvider({
12
      clientId: process.env.GOOGLE_CLIENT_ID || '',
13
      clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
14
    }),
15
  ],
16
  pages: {
17
    signIn: '/users/signin',
18
  },
19
  callbacks: {
20
    // ...
21
  },
22
}
23
const handler = NextAuth(authOptions)
24

25
export { handler as GET, handler as POST }

1
'use client'
2

3
import { useSession } from 'next-auth/react'
4

5
export default function SignInPage() {
6
  const router = useRouter()
7
  const { status } = useSession()
8

9
  const handleClickGoogle = () => {
10
    try {
11
      signIn('google', { callbackUrl: '/' })
12
    } catch (e) {
13
      console.log(e)
14
      console.error('다시 시도해주세요')
15
    }
16
  }
17
  return (
18
    <button type="button" onClick={handleClickGoogle}>
19
      구글로 로그인
20
    </button>
21
  )
22
}

1
// ...
2
	callback {
3
		async signIn({user, account, profile, email, credentials}) {
4
			return true
5
		},
6
		async redirect({url, baseUrl}) {
7
			return baseUrl
8
		},
9
		async session({session, user, token}) {
10
			return session
11
		},
12
		async jwt({token, user, account, profile, isNewUser}) {
13
			return token
14
		}
15
  // ...
16
}

1
import NextAuth, { NextAuthOptions } from 'next-auth'
2
import { PrismaAdapter } from '@auth/prisma-adapter'
3
import prisma from '@/db'
4

5
import GoogleProvider from 'next-auth/providers/google'
6

7
export const authOptions: NextAuthOptions = {
8
  adapter: PrismaAdapter(prisma),
9
  providers: [
10
    GoogleProvider({
11
      clientId: process.env.GOOGLE_CLIENT_ID || '',
12
      clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
13
    }),
14
  ],
15
}

1
import NextAuth, { NextAuthOptions } from 'next-auth'
2
import { PrismaAdapter } from '@auth/prisma-adapter'
3
import prisma from '@/db'
4

5
import GoogleProvider from 'next-auth/providers/google'
6

7
export const authOptions: NextAuthOptions = {
8
  providers: [
9
    GoogleProvider({
10
      clientId: process.env.GOOGLE_CLIENT_ID || '',
11
      clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
12
    }),
13
  ],
14
  // ...
15
}
16

17
const handler = NextAuth(authOptions)
18

19
export { handler as GET, handler as POST }

1
'use client'
2

3
import { SessionProvider } from 'next-auth/react'
4
import React from 'react'
5

6
export const NextProvider = ({ children }: Props) => {
7
  return (
8
    <RecoilRoot>
9
      <QueryClientProvider client={queryClient}>
10
        {/* session Provider 추가 */}
11
        <SessionProvider>
12
          {children}
13
          <ReactQueryDevtools />
14
        </SessionProvider>
15
      </QueryClientProvider>
16
    </RecoilRoot>
17
  )
18
}

1
'use client'
2

3
import { useSession } from 'next-auth/react'
4

5
export default function SignInPage() {
6
  const router = useRouter()
7
  const { status } = useSession()
8

9
  const handleClickGoogle = () => {
10
    try {
11
      signIn('google', { callbackUrl: '/' })
12
    } catch (e) {
13
      console.log(e)
14
      console.error('다시 시도해주세요')
15
    }
16
  }
17
  return (
18
    <button type="button" onClick={handleClickGoogle}>
19
      구글로 로그인
20
    </button>
21
  )
22
}

1
import { useSession } from 'next-auth/react'
2

3
export default function Component() {
4
  const { data: session, status } = useSession()
5

6
  if (status === 'authenticated') {
7
    return <p>Signed in as {session.user.email}</p>
8
  }
9

10
  return <a href="/api/auth/signin">회원가입</a>
11
}

1
import NextAuth, { NextAuthOptions } from 'next-auth'
2
import { PrismaAdapter } from '@auth/prisma-adapter'
3
import prisma from '@/db'
4

5
import GoogleProvider from 'next-auth/providers/google'
6

7
export const authOptions: NextAuthOptions = {
8
  // PrismaAdapter로 유저 정보 간편하게 저장
9
  adapter: PrismaAdapter(prisma),
10
  providers: [
11
    GoogleProvider({
12
      clientId: process.env.GOOGLE_CLIENT_ID || '',
13
      clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
14
    }),
15
  ],
16
}

1
model Account {
2
  id                 String  @id @default(cuid())
3
  userId             String
4
  type               String
5
  provider           String
6
  providerAccountId  String
7
  refresh_token      String?  @db.Text
8
  refresh_token_expires_in    Int?
9
  access_token       String?  @db.Text
10
  expires_at         Int?
11
  token_type         String?
12
  scope              String?
13
  id_token           String?  @db.Text
14
  session_state      String?
15

16
  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
17

18
  @@unique([provider, providerAccountId])
19
}
20

21
model Session {
22
  id           String   @id @default(cuid())
23
  sessionToken String   @unique
24
  userId       String
25
  expires      DateTime
26
  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
27
}
28

29
model User {
30
  id          String     @id @default(uuid())
31
  email       String?    @unique
32
  name        String?
33
  image       String?
34
  desc        String?
35
  emailVerified  Boolean?
36
  phone       String?
37
  address     String?
38
  rooms       Room[]
39
  accounts    Account[]
40
  sessions    Session[]
41
  likes       Like[]
42
  comments    Comment[]
43
  bookings    Booking[]
44
}
45

46
model VerificationToken {
47
  identifier String
48
  token      String   @unique
49
  expires    DateTime
50

51
  @@unique([identifier, token])
52
}

1
// middleware.ts
2
export { default } from 'next-auth/middleware'
3

4
export const config = {
5
  matcher: [
6
    '/users/mypage',
7
    '/users/info',
8
    '/users/edit',
9
    '/users/likes',
10
    '/users/comments',
11
    '/users/bookings/:path*',
12
    '/payments/:path*',
13
    '/rooms/register/:path',
14
    '/users/rooms',
15
  ],
16
}

1
import GoogleProvider from 'next-auth/providers/google'
2

3
// ...
4
providers: [
5
	GoogleProvider({
6
		clientId: process.env.GOOGLE_CLIENT_ID || '',
7
		clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
8
	}),
9
],

1
import NaverProvider from 'next-auth/providers/naver'
2

3
// ...
4
providers: [
5
	NaverProvider({
6
		clientId: process.env.NAVER_CLIENT_ID || '',
7
		clientSecret: process.env.NAVER_CLIENT_SECRET || '',
8
	}),
9
],

1
model Account {
2
  id                 String  @id @default(cuid())
3
  userId             String
4
  type               String
5
  provider           String
6
  providerAccountId  String
7
  refresh_token      String?  @db.Text
8
  // 해당 값 끝에 (?) 옵셔널 태그 추가
9
  refresh_token_expires_in    Int?
10
  access_token       String?  @db.Text
11
  expires_at         Int?
12
  token_type         String?
13
  scope              String?
14
  id_token           String?  @db.Text
15
  session_state      String?
16

17
  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
18

19
  @@unique([provider, providerAccountId])
20
}