Next.js | 코딩앙마

💡 이 시리즈는 Next.js 를 공부하며 작성한 정리 노트입니다.

✓ typescript

페이지 레이아웃

create-next-app 1. 프로젝트 생성 명령 프롬프트 창( CMD )를 열고 원하는 프로젝트를 생성할 디렉토리로 이동하여 다음 명령을 실행한다. TypeScript 프로젝트로 시작하려면 를 붙여준다. 2. 개발 서버 실행 코드 편집기(VS Code)를 열고

명령 프롬프트 창( CMD )를 열고 원하는 프로젝트를 생성할 디렉토리로 이동하여 다음 명령을 실행한다.TypeScript 프로젝트로 시작하려면 --typescript를 붙여준다.코드 편집기(VS Code)를 열고 해당 프로젝트를 열어 터미널에 다음 명령을 실행한다.'

Dynamic Routes next/link

업로드중..

Gnb.js

✓ Environment Variables

📁 / pages / \_error.js

getStaticPaths

페이지 첫 로드시 제품 정보 데이터가 비어있는 상태의 페이지가 잠깐 보였다가데이터가 채워진 페이지로 바뀌는 현상이 나타났다.데이터가 빈 상태의 페이지를 Loading 처리 해주자.

로그인 구현