Next.js14 AppRouter

Next.js의 핵심기능은 편하게 SSR을 지원하는 것이다.Next.js에서는 page기반 router 방식과 app기반 router 방식을 제공하는데 이것을page router, app router이라고 칭하며, Next.js 12버전까지는 page rotuer만을

Next.js 14 app router는 12와다르게 \_document를 가지지 않으며 root layout에서 설정을 해야한다.따라서 주로 next/font/local의 localFont를 사용하거나next/font/google 의 googleFont를 사용하게 된

Next.js 에는 크게 아래와 같은 두 가지의 렌더링 방식이 존재합니다. SSRCSR하지만 두 렌더링 의 특징과 장단점을 알고 있더라도 실제 코드에서는 이를 구분하기위해 어떻게 작성하며,내가 작성한 코드가 어떤 방식으로 해당 렌더링을 구현 해 주는지 잘 모릅니다. 이

html을 기반으로 pdf다운로드 기능을 구현해보기이름: puppteer 이유: 타 라이브러리보다 css에 대한 안정성이 좋았고 next.js내부 api로 호출하는 방식에 대해 호환성이 좋았다의존성 임포트:puppeteer: HTML을 PDF로 변환하는 데 사용.Nex

메타 태그는 페이지 태그 부분에 들어가며 해당 태그들은 사용자들이 검색엔진을 이용할 때어떻게 표시되는지를 선언해주는 태그입니다.next.js의 메타 선언 방법을 두 가지가 있습니다.일반적인 선언방법metaData/Next 선언일반적으로는 metaData/Next 를

next.js에서는 자체적으로 내부에서 api설계가 가능합니다.server/client component 가 분기되었고 해당 영역에서의 작업이 명확해진 next.js의 app Router에서는 서버설정을 하는 작업은 backend 개발자가 하더라도 간단한 api정도는

저는 next.js 프로젝트를 진행할 때 다음과 같은 방식을 사용합니다.(backend) 백엔드측 코드에서 jwt를 활용한 login api 구현(backend) 로그인시 자동으로 cookie에 accessToken/refreshToken을 세팅(backend) fro

코드만 존재하며 설명은 추후 설명예정입니다. Component.tsx Etc wrapper 사용 route.ts (Upload) route.ts(delete)

cookie가 header에 들어있을 경우이며body를 통해 전송하거나 GET을 전송할 경우에는 다른 로직 작성이 필요

next.js는 react를 기반으로한 프레임워크 이며 react는 js기반 라이브러이 이다.결국 클라이언트 언어인 next.js는 api를 기반으로 서버와 통신을 할 때 cors에러가 발생할 수 있다.그렇기에 app/api 경로를 활용하여 client componen