다음 생성js 응용 프로그램, 5분 안에 인증 완료

안녕하세요!제 이름은 Nacho Iacovino()입니다. 저는 Clerk의 개발자 창도자입니다.이 설명서에서는 Vercel을 사용하여 Clerk를 배치하는 방법을 설명합니다.이것은 Clerk에서 제공하는 모든 auth 기능을 포함하여 새 프로그램을 설정하는 가장 빠르고 간단한 방법입니다.몇 분 후, 응용 프로그램을 만들고, 배치하고, 로컬 환경을 설정할 것입니다.
만약 네가 영상에서 본 강좌를 배우는 것을 좋아한다면, 너는 볼 수 있다.

빠른 시작

시작하려면 clerk.dev로 이동하여 계정에 로그인하십시오.만약 당신이 아직 계좌가 없다면, "무료 입문"을 누르고 계좌를 만드십시오.
로그인하면 응용 프로그램 페이지로 이동합니다.새 프로그램을 만들기 위해 프로그램 만들기 를 누르십시오.

프롬프트가 나타나면 다음 빠른 시작을 선택합니다.js 및 Vercel

너는 비셀로 인도될 것이다.Vercel 계정에 로그인하고 계정이 없으면 계정을 생성합니다.항목 이름을 선택한 다음 "계속"을 누르면 clerk nextjs starter 저장소를 가져옵니다.

설치원

그런 다음 Clerk 통합을 설치하고 Vercel에 Clerk를 연결합니다.프롬프트가 나타나면 설치를 클릭합니다.새 창이 팝업됩니다.설명에 따라 새 Clerk 응용 프로그램을 생성하여 이 Vercel 항목에 연결합니다.응용 프로그램의 이름과 브랜드 색을 선택하십시오.기본적으로 Clerk 응용 프로그램 이름은 Vercel 항목과 같습니다.

그런 다음 프로젝트에 대한 Git 저장소를 만듭니다.GitHub, GitLab 또는 BitBucket을 사용할 수 있습니다.이 자습서에서는 GitHub을 사용합니다.저장소 이름을 선택하고 계속을 클릭합니다.

배포 프로젝트

프로젝트 가져오기 화면에서 직원이 필요한 환경 변수를 설정하므로 아무 작업도 수행할 필요가 없습니다.Deploy를 클릭하기만 하면 됩니다.

Vercel은 새 Git 저장소를 생성하고 배포합니다.이 단계는 몇 분 정도 걸릴 수 있습니다.과정이 끝나면 축하 화면을 볼 수 있을 것입니다.

"접근"을 누르면 배치된 프로그램에 접근할 수 있습니다.너는 나를 볼 수 있다here!

로컬 클론 항목

다음 단계는 새로 배치된 저장소를 로컬 컴퓨터로 복제하는 것이다.Git 공급업체로 이동하여 저장소를 열고 클론 저장소의 URL을 찾습니다.

로컬 컴퓨터의 명령줄 인터페이스를 열고 설치할 항목의 폴더로 이동한 다음 다음 다음 코드 세그먼트를 붙여넣습니다.

git clone <repo_url>

다음에 프로젝트를 열고 실행합니다 yarn install.
설치 프로세스가 완료되면 를 실행합니다yarn dev.여기가 마법이 일어나는 곳이야!
참고: Vercel을 이전에 로컬 컴퓨터에서 사용하지 않은 경우 실행하기 전에 전자 메일로 보내는 링크를 사용하여 로그인해야 합니다yarn dev.
이 로컬 항목과 Vercel 항목에 대한 링크를 설정하라는 메시지가 표시됩니다.모든 제시에 응답하다.

봐라!프로그램이 실행 중입니다. 모든 것이 시작되었음을 볼 수 있도록 열 수 있습니다.응용 프로그램에 계정을 만들고 1분 동안 계정의 기능을 탐색하세요.

설정 수정

현재 응용 프로그램이 시작되고 실행되고 있습니다. https://dashboard.clerk.dev/ 사용자 관리와 테마 설정을 설정할 수 있습니다.응용 프로그램으로 이동하여 사용할 인스턴스를 선택합니다.각 Clerk 프로젝트에는 개발, 준비 및 프로덕션 세 가지 인스턴스가 있습니다.인스턴스는 독립적이며 사용자나 설정을 공유하지 않으므로 밀어넣기 전에 다른 구성을 시도할 수 있습니다.

모든 변경 사항은 프로젝트에 적용됩니다. 코드를 수정하거나 재배치할 필요가 없습니다.

다른 설정을 시도해 보고 응용 프로그램에 가장 적합한 설정을 찾아보세요!
프로그램의 다른 부분이 Clerk 구성 요소의 모양과 일치하도록 테마 설정을 수정할 수도 있습니다.

이렇게!Vercel을 사용하여 배포하고 로컬 환경을 설정하는 새 응용 프로그램을 만들었습니다.복잡한 백엔드 구성을 처리할 필요가 없고, 고통스러운 보안 맞춤형 제작을 걱정할 필요가 없다.
만약 어떤 문제에 부딪히면 언제든지 저에게 연락 주세요!도와주러 왔어요.트위터에서 제 개인 정보를 확인하고 있습니다.
피드백 감사합니다!