FE3 App Router와 Server Components 이 포스팅은 Vercel - Next.js 'Getting Started App Router Docs (beta)' 문서를 참고해 작성했습니다. 1. App Router 지난 몇 개월 동안 Next.js 팀에서는 React 18버전의 React Server Components 개념을 Next.js로 가져오는 작업을 해왔다. Next 13 demo 버전을 선택할 경우 이와 관련된 몇몇 기능들을 app 이라는 새로운 디렉토리에서 사용할 수 있다. 2. 기능 개요 1. Routing layouts, nested routing, loading states, error handling 등을 지원하는 Server Components를 구축한 새로운 파일 시스템 기반 라우터 2. Rendering Client, Se.. 2023. 3. 16. Vercel에 github 연동해서 프로젝트 배포하기 [Vercel] FE 자동배포, 도메인 생성, 프리뷰, 사이트 분석까지! 프론트엔드 개발자를 위한 플랫폼 Next.js Docs를 읽다가 이렇게 유용한 프레임워크를 만든 Vercel이란 팀은 어떤 곳일까 궁금해서 레포를 돌아다니고 있었다. 그러다가 발견한 Vercel팀과 동일한 이름인 플랫폼 'Vercel'. 보통 플랫폼이나 툴 웹사이트의 메인페이지에는 간단하게 그들의 상품을 소개하는 문구가 있는데, 소개글이 자신감이 드러나다 못해 넘쳐 흘러서 매우 인상적이었다. Develop. Preview. Ship. Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at.. 2023. 3. 12. 4 Types of Web Rendering Strategies - SSG, SSR, ISR, CSR 이 포스팅은 Vercel Next.js - Rendering Strategies 문서를 참고하여 작성되었습니다. 1. [SSG] Static Site Generation Static Site Generation은 빌드 시점에 HTML파일을 생성하는 전략이다. 생성된 HTML 파일은 페이지 요청에 대응할 때 사용된다. SSG 방식은 여러 렌더링 전략 중에 SEO에 가장 적합하다. pre-rendered 되었기 때문에 페이지 로드에 필요한 모든 HTML 파일을 가지고 있을 뿐만 아니라, SEO 랭킹의 요인 중 하나인 페이지 성능에도 도움이 되기 때문이다. 2. [SSR] Server-Side Rendering SSG처럼 Server-Side Rendering 방식은 SEO에 긍정적 요소인 pre-render.. 2023. 3. 9. 이전 1 다음 반응형
