NEXT 에 대한 정보
을 위한 Next.js 15와 Supabase 템플릿 만들기.png)
1편, 유저 인증(Auth)을 위한 Next.js 15와 Supabase 템플릿 만들기
Next.js 템플릿 만들기 먼저, Next.js 앱을 아래와 같이 만듭니다. js pnpx create-next-app@latest supabase-nextjs-test or npx create-next-app@latest supabase-nextjs-test 그러면 아래와 같이 여러 가지 세팅이 나오는데요. App Router 그리고 Turbopack 이 보이네요. js➜ pnpx create-next-app@latest sup
2편. Google OAuth를 이용한 로그인 구현
Google Cloud에서 API 및 서비스 설정하기 Google Cloud에서 API 및 서비스 설정하기 Google Cloud로 가서 OAuth 관련 API 관련 설정을 해야 하는데요. 굉장히 복잡합니다. 아래와 같이 쭉 따라서 하시면 됩니다. Google Cloud는 console.cloud.google.com 여기로 가시면 됩니다. 위와 같이 왼쪽 상단에 "프로젝트 선택" 버튼을 클릭해서 아래와 같이 프로젝트 선택 창이 뜨면 오른쪽
Google 로그인연동
1. 구글 클라우드 플랫폼에 앱 등록 https://console.cloud.google.com/auth/overview?inv=1&invt=Abrnyg&project=chatting-app-453302 구글 클라우드 플랫폼 계정을 생성하고 설정을 진행해보자. 구글 클라우드 플랫폼 > 콘솔 > API 및 서비스 > 사용자 인증 정보 접속 구글 프로젝트 생성 후 생성한 프로젝트로 이동 Project Name : My Next App
Next 셋팅방법
1. 설치하기 npm create cloudflare@latest 프로젝트명 -- --framework=next 2. node 버전 변경 1) .nvmrc 파일을 생성한다. 2) node -v 을 파일 안에 기재한다. 3. 보통 next에서 많이 사용하는 구조 및 라이브러리 app 라우터 구조 css 는 tailwind
