데브허브 | DEVHUB | I finally tried using Better-AuthI finally tried using Better-Auth
- Better-Auth 라이브러리를 Tanstack Start 프로젝트에 처음 적용하여 인증 기능을 구현하는 과정을 다룸. 🚀
npm install better-auth로 설치하고 BETTER_AUTH_SECRET, BETTER_AUTH_URL 환경 변수 설정이 필요함. ⚙️
- SQLite를 포함한 다양한 DB를 지원하며, Keysley를 기본으로 사용하지만 다른 ORM도 선택 가능함. 💾
better-auth generate 및 better-auth migrate CLI 도구로 사용자, 세션, 계정 테이블 스키마를 쉽게 관리함. 🛠️
- Google OAuth 소셜 로그인을
GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET 설정 후 signIn 함수로 간편하게 연동함. 🌐
- Tanstack Start의
src/routes/api/auth/$/route.tsx 경로에 서버 측 라우트 핸들러를 설정해야 함. 🛣️
@better-auth/client 라이브러리의 useSession, signIn, signOut 함수로 클라이언트 UI에서 인증 상태를 관리함. 📱
- Tanstack Start 환경에서
betterAuthReactCookies 플러그인을 사용하여 Better-Auth의 쿠키 설정을 처리함. 🍪
- Google Cloud Console에서 콜백 URL(
localhost:3000/api/auth/callback/google)을 정확히 설정하는 것이 필수적임. 🔗
- 로그인 후
account, user, session, verification 테이블에 데이터가 올바르게 저장되는 것을 확인하여 시스템 작동을 검증함. 🧐
- 전반적으로 Better-Auth는 설정 및 구현 과정이 간단하여 인증 시스템을 빠르게 구축할 수 있음을 보여줌. 👍