Next.js

1.CSR vs SSR

post-thumbnail

CSR (Client Side Rendering)SSR (Server Side Rendering)Next.js?Client Side RenderingClient(Browser)가 모든 것을 한다.Browser가 JS를 다운받은 후에야 UI가 보인다. 그 전까진 흰 화면

2022년 3월 2일

2.Next.js - Setting

post-thumbnail

Next.js React.js 프레임워크 SSR (server-side render) pre-rendering SEO (search engine optimize) 검색엔진 최적화 Setting cd Documents npx create-next-app@latest

2022년 3월 18일

3.Next.js + TS에서 ESLint, Prettier 설정하기 (+ styled-components, airbnb, husky, lint-staged)

post-thumbnail

Next.js 공식문서Next.js, TypeScript 프로젝트에서 ESLint, Prettier 설정하기새 프로젝트를 Next.js + TS로 생성Next.js -> Next.ts로 기존 프로젝트에서 생성

2023년 1월 11일

4.Next.js 13 버전 - Data Fetching

post-thumbnail

SSG: Static-Site Generation 정적사이트 생성빌드 시 html 생성해두고 요청이 오면 생성해둔 html 재사용SSR: Server-Side Rendering 서버사이드 렌더링SEO 성능 향상시키고 요청마다 데이터를 최신상태로 업데이트해야 될 경우미리

2023년 2월 8일