본문 바로가기

신비한 개발사전

검색하기
신비한 개발사전
프로필사진 jbilee

  • 분류 전체보기 (96)
    • JavaScript (5)
    • Algorithms (3)
    • CS (25)
    • Frontend (27)
    • Backend (19)
    • Java (1)
    • Maths & Physics (1)
    • Devlog (0)
Guestbook
«   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
Recent Posts
Tags
  • clerk
  • module
  • Webpack
  • pwa
  • Firebase
  • React
  • v-calendar
  • NextJS
  • konva
  • vue
  • github
  • axios
  • MUI
  • jscode
  • spring
  • websocket
  • CSS
  • javascript
  • nuxt
  • Canvas
more
Archives
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록clerk (1)

신비한 개발사전

Next.js: Clerk로 로그인 플로우 구현

최근 간편한 authentication 솔루션으로 Clerk가 많이 보이고 있어서 한번 활용해 보기로 했다. 대부분의 메이져 프레임워크를 지원하고, 공식 문서도 잘 정리돼있어서 빠르게 시작할 수 있다. 마침 사용자 로그인 기능이 필요한 Next.js 프로젝트가 있어서 바로 @clerk/nextjs 패키지를 설치해 사용해봤다. Clerk 서비스 사용에 필요한 퍼블릭과 시크릿 키는 .env.local 파일에 추가하면 된다고 한다. Clerk에서 제공하는 API를 사용하려면 우선 를 wrap 시켜준다. 앱 최상위에 provider를 적용해 두면 모든 페이지에서 Clerk의 인증 관련 훅을 사용할 수 있게 된다.import { ClerkProvider } from "@clerk/nextjs";export def..

Frontend 2024. 5. 31. 18:12
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바