클랙을 써봤더니 필기를 하더라고요.

2906 단어 Next.jsSaaSclerktech

URL


https://clerk.dev/
React, Next.간단하게 js, Gatsby 등에 로그인 기능을 추가할 수 있다.
  • 이메일 및 비밀번호
  • 확인 메일, 확인 코드 발송
  • 사용자 이름으로 로그인
  • 특정 도메인 또는 특정 전화 번호만 허용
  • SMS
  • MFA
  • JWT
  • SNS 로그인(OAuth)
  • Google
  • Twitter
  • GitHub
  • Facebook
  • Microsoft
  • LinkedIn
  • Apple
  • Discord
  • TikTok
  • Notion
  • 잠깐만요.다중 지정 가능
    Hasura, Google Analythics, Firebase 등과 협력 가능
    https://docs.clerk.dev/popular-guides/popular-guides-sign-out

    SNS 로그인 샘플 페이지


    배색과 글꼴 등은 사이트에 따라 사용자 정의할 수 있다

    # pages/hoge.tsx
    
    import { SignIn } from '@clerk/nextjs'
    
    <SignIn redirectUrl='/top'/>
    
    여기서만 로그인 페이지를 만들 수 있습니다.redirectUrl 옵션을 추가하여 로그인 후 목적지로 방향을 바꿀 수 있습니다.

    비용


    500 이벤트 이용자/월 전 무료
    계획 변경 후 $10/월 +$0.02/MAU의 사업 계획 및 기업 대상 계획

    통계 정보


    로그인한 사용자의 통계 정보를 볼 수 있습니다

    회화


    세션의 유효 기간을 분 단위로 설정할 수 있습니다.

    메타데이터 저장


    프런트엔드 읽기/쓰기unsafeMetadata 속성에서 자유롭게 쓰기 가능
    https://docs.clerk.dev/reference/clerkjs/user#attributes
    https://docs.clerk.dev/main-concepts/user-object#custom-user-metadata

    기타


    기본 대시보드는 개발용이며 정식 사용 시 정식 사용으로 전환됩니다.
    API 키와 API의 끝점도 전환됩니다.

    감상


    이번에는 SNS 인증을 주로 시도했지만, 기술 행수가 매우 적고 사용도 간단해 쉽게 구현할 수 있었다.
    사용자의 데이터를 Clek의 DB에 저장할 수 있기 때문에 사용자 테이블을 만들 필요가 없고, 로그인 기능만 있으면 DB를 관리할 필요가 없다.
    한편, 이용자의 정보를 유료 정보나 괜찮은 정보와 결합하기가 쉽지 않기 때문에 그런 용도로는 인증부터 DB까지 모두 갖춘 수파베이스https://supabase.com/ 등이 더 쉽게 활용될 수 있다.

    좋은 웹페이지 즐겨찾기