FrontEnd/Next.js (2) 썸네일형 리스트형 Next.js 14 PWA 적용하는 방법! 1. next-pwa 설치 next-pwaNext.js with PWA, powered by workbox.. Latest version: 5.6.0, last published: 3 years ago. Start using next-pwa in your project by running `npm i next-pwa`. There are 85 other projects in the npm registry using next-pwa.www.npmjs.com 2. mainfest 추가public 폴더에 넣으면 됩니다. PWA Manifest Generator | ProgressierThis free tool allows you create an app manifestprogressier.com{ "sho.. Next에서 소셜 로그인(카카오 로그인) 구현하기 추후 변경될 수 있지만, 이번에 이메일 로그인 대신에 소셜 로그인을 메인으로 사용하기로 했습니다 가장 많이 쓰는 카카오 로그인을 next 프로젝트에 적용하는 방법을 기록해보겠습니다 (참고로 SSR을 사용하였습니다) 카카오 로그인 서비스 과정로그인은 사용자가 자신을 인증해 서비스에 권한을 인가하는 절차입니다카카오 로그인은 사용자 로그인 완료 시, 보안 데이터인 토큰을 서비스에 발급합니다 카카오dev에서 로그인을 사용할 애플리케이션 등록하기 1. 카카오 로그인 활성화 + OpenId Connect 활성화 2. 앱키 위치 기억해두기supabase에서 연결해야 하기 때문에 일단 위치만 기억해두고 넘어갑니다 3. 동의항목 설정하기필요한 거에 따라 각자 설정하면 됩니다설정하고 나면 위에 '동의 화면 미리 보기'로 .. 이전 1 다음
