Next.js

React의 SSR을 쉽게 구현할 수 있게 도와 주는 간단한 프레임 워크다.리액트로 개발할 때 SPA을 이용하며 CSR을 하기 때문에 좋은 점도 있지만, (검색엔진 최적화SEO)부분에서 단점도 존재한다. CSR을 하면 첫페이지에서 빈 html을 가져와서 js 파일을 해

pages폴더 안에 페이지들index.tsx 처음 "/" 페이지\_app.tsx는 공통되는 레이아웃을 작성,모든 페이지에 공통으로 들어가는 걸 넣어주려면 여기에 넣어주면 된다.public 이미지 같은 정적 (static) 에셋들을 보관styles 말그대로 스타일링을 처

Next.js는 모든 페이지를 pre-render 한다.pre-render은 모든 페이지를 위한 html을 클라이언트 사이드에서 자바스크립트로 처리하기 전 사전에 생성한다는 걸 의미한다.

폴더 구조 posts - pre-rendering.md posts - ssg-ssr.md lib - posts.ts

Next.js에는 페이지 개념을 기반으로 구축된 파일 시스템 기반 라우터가 있다.파일이 페이지 디렉토리에 추가되면 자동으로 경로를 추가할 수 있다.페이지 디렉토리 내의 파일은 가장 일반적인 패턴을 정의하는 데 사용한다.pages/index.js -> /pages/blo

home/ plain pathslug/ dynamic path(group) just for grouping 경로에 포함되지 않습니다.

posts - [id] 안에 있는 page.tsx 파일에서 에러가 발생한다면, 가장 가까운 Error Boundary 활성화가 된다.(이를 잘 활용하여 특정 세그먼트에 맞는 오류 UI 생성할 수 있다.)일부러 중첩된 경로인 posts - \[id] 안에 error.t

useRouter 훅을 사용하면 함수형식으로 라우팅 할 수 있게 해주는 Next.js 기본 라이브러리. 클라이언트 컴포넌트 내에서만 사용할 수 있으며, next/navigation 에서

Next.js를 사용하여 웹 프로젝트를 개발 중 다음과 같은 에러가 발생했다.You're importing a component that needs useState. It only works in a Client Component but none of its paren

NextAuth.js는 Next.js 애플리케이션을 위한 완전한 오픈 소스 인증 솔루션으로 Next.js와 Serverless를 지원하도록 설계되었으며 JSON 웹 토큰과 데이터베이스 세션을 모두 지원한다. NextAuth 라이브러리를 이용해 로그인 구현하기

에러의 원인을 모르겠다....구글링을 통해 1번, 2번을 차례대로 진행했지만, 해결되지 않아서 결국 3번으로 해결 ..터미널 실행중인 프로세스 종료 후 npm run dev 실행에디터 재시작 next 버전 업그레이드 (13.3.0 -> ^13.5.3)

왜 뜨는 에러인지는 모르겠으나, 캐시를 삭제한 후 다시 재설치해서 해결