본문 바로가기 메뉴 바로가기

메로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

메로그

검색하기 폼
  • 분류 전체보기 (213)
    • 일상 메모.. (0)
    • 업무 메모.. (45)
    • SEO (14)
    • TM (10)
    • 개발.. (142)
      • Node (17)
      • Git (14)
      • Javascript (19)
      • React (29)
      • Nextjs (22)
      • Vue (14)
      • Nuxtjs (7)
      • Svelte (3)
      • Angular (3)
      • Sass(Scss) (7)
      • Webpack (6)
  • 방명록

nextjs oAuth (1)
Nextjs 에서 Auth.js 를 이용한 소셜로그인

next-auth 를 이용하여 간단한 소셜로그인을 만들어보자. 우선 가장 쉽게 할 수 있는 깃허브 로그인을 해보자. 깃허브 oauth 셋팅 developer Settings 에 가서 oAuth Apps 를 하나 만들어줍니다. 위에 대로 이러쿵 저러쿵 해서 만들어주면 됨. callback URL 은 callback 주고 싶은대로 아무대나 입력하시면 됩니다. 만들게 되면 client id 가 나와있고 밑에 Generate a new client secret 이라는데가 있는데, 누르면 키가 만들어집니다. 해당 id, secrets key 를 잘 보관해둡시다. 앞으로 로그인시 사용할 아이들(id, pw 라고 생각하면 됨). Next-auth 설치 yarn add next-auth 설치되었다면, page/api/..

개발../Nextjs 2023. 11. 26. 14:39
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 서버 to 서버
  • openAI
  • dockerfile
  • Git
  • nextjs15
  • github
  • NextJS
  • 타입스크립트
  • React
  • nextjs14
  • Github Actions
  • 오블완
  • Vite
  • vue composition api
  • ChatGPT
  • nuxt2
  • nextjs13
  • seo
  • vscode
  • vue router
  • 깃허브
  • Zustand
  • NUXT
  • 스벨트
  • AWS
  • nodejs
  • 네이버 서치 어드바이저
  • cors
  • svelte
  • 티스토리챌린지
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바