NextAuth 로그인1

• 

  TIL : 모달창으로 NextAuth 커스텀 로그인 페이지 전환 속도 개선 1. 문제 상황 및 배경 - 로그인 페이지의 렌더링 지연 Vercel 환경에서 Next.js 13 버전에서 NextAuth.js 라이브러리를 사용했고, 이 라이브러리에 내장된 커스텀 로그인 페이지를 활용하여 로그인 페이지를 구현해놨다. 문제는 이 페이지로 렌더링(이동)하는 속도가 너무 늦었다. 로그인을 하는 /login URL로 첫 렌더링시 상황에 따라 약4초~7초까지 소요된 후 페이지가 렌더링 되었다. 만약, 유저들이 로그인을 하기 위해 버튼을 눌렀을 때 이들은 무엇을 느낄까? 어떤 동작을 행하기 위한 버튼을 누르고도 아무 반응이 없다면, 무언가 제대로 동작을 하지 않나하고 혼동이 있을 수 있다. - 임시 대처 그래서 일전에 유저들이 버튼 클릭 후 대기할 수 있도록 로딩스피너 기능을 추가해놨었다. 하지.. 개발 학습일지(TIL) 2023. 8. 28.