Next.js

Next.js 13 신버전

출처: [Youtube] 코딩애플: Next.js 13 신버전 발표회 요약 참고(Netx.js): https://nextjs.org/blog/next-13 Next.js 서버에서 리액트 문법을 사용할 수 있도록 해주는 백엔드 프레임워크 리액트 문법쓰는 프론트 + 백엔드 프레임워크 Next.js 신버전 (Beta) Turbopack 출시 React Server Components 개선 html streaming font 최적화 Nested Layout OG 자동생성 Next.js 12 Next.js 13 pages 폴더 app 폴더 getStaticProps use() getServerSideProps fetch() 아직까지는 예전 문법도 병행해서 쓸 수 있으므로 가능하지만, 정식 출시 이후 13으로 아예..

Pre-rendering

Pre-rendering Pre-rendering은 미리 HTML을 만드는 기능을 뜻한다. Next.js는 기본적으로 모든 페이지를 pre-rendering 한다. 보통 성능이 더 좋고, SEO(Search Engine Optimization)에서 더좋다. Pre-rendering 사용 차이 React.js 만 사용할 때 Next.js 사용할 때 Pre-rendering 방식 Pre-rendering 기능에는 두 가지 방식이 있다. 이는 HTML을 만드는 시점에 따라 달라진다. Next.js는 페이지별로 아래 두 가지 방식을 선택해서 렌더링 할 수 있다. 보통은 개발모드로 계속 띄우고 있어(npm run dev) 모든 페이지가 Server-side Rendering 하고 있다. Static Generat..