Next.js는 무엇이고 왜 쓰는 것일까?
- Next.js는 React 기반 프레임워크이다
React의 핵심 초점 : component, state, props
Next의 핵심 초점 : Production을 위한 더 다양한 핵심 기능을 통한 React 사용 강화
Next.js의 핵심 기능은?
- SSR(Server Side Rendering)
서버에서 미리 사용자에게 랜더링 될 HTML 파일을 보내주기 때문에 사용자의 기다리는 시간을 줄여줄 수 있음. - SEO(Search Engine Optimization)
빈 HTML을 보내는 것이 아닌 컨텐츠로 가득 찬 HTML파일을 클라이언트로 보내주기 때문에 검색 엔진 최적화에 효율적임. - File-based Routing
기존의 React에서는 React router를 사용하여 라우팅 코드를 작성하고, pages 폴더에 각 페이지 별 js파일을 생성했다.
하지만 Next에서는 라우팅 코드 대신 이미 pages, routes 파일과 폴더들이 정의되어 있어 이를 더 간편화 시킬 수 있다. - 백엔드 코드를 Node.js 기반으로 작성할 수 있기 때문에 풀스택으로의 확장성 또한 용이하다.
이 포스팅은 udemy-Next.js & React - 완벽 정복 가이드 를 통해 학습한 내용을 정리하였습니다.
