Next.js에 대해서 알아보기

Routing: Next.js는 파일 시스템 기반 라우터를 제공, 레이아웃과 중첩 라우팅, 로딩 상태 및 오류 처리를 포함한 라우팅 관련 기능을 손쉽게 구현할 수 있게 합니다.
Rendering: 클라이언트 및 서버 렌더링을 지원하며, 정적 및 동적 컨텐츠를 최적화하여 제공합니다. 이를 통해 사용자 경험을 향상시킬 수 있습니다.
Data Fetching: async/await을 활용한 데이터 가져오기를 간편하게 처리할 수 있습니다.
Styling: 다양한 스타일링 방법을 지원하며, Tailwind CSS와의 호환성이 뛰어남을 강조합니다.
TypeScript 지원: TypeScript 프로젝트의 증가와 함께, 타입 체크와 효율적인 컴파일을 지원하여 안정적인 사용자 정의와 타입 체크를 가능하게 합니다.

Next.js 13 단점

러닝 커브: Next.js의 사용은 13 이전과 이후로 나눠 볼 수 있습니다. App 폴더 구조로의 전환은 새로운 학습이 필요하며, 기존의 Pages 폴더 구조와 함께 사용하는 경우 러닝 커브가 있습니다. 특히, Pages에서 App 폴더로의 마이그레이션은 도전적일 수 있으며, 일부 프로젝트는 Pages 폴더를 계속 사용하여도 문제가 없습니다.
서버 리소스: SSR은 사용자 경험을 향상시킬 수 있는 장점이 있지만, 큰 규모의 트래픽이 있을 경우 서버 부하를 증가시킬 수 있는 단점이 있습니다.
API: Next.js를 사용하여 내부적으로 서버를 구현할 수 있으며, Node.js나 Express.js를 사용하여 서버를 구축한 경험과 비교하여 Next.js로 모든 서버 코드를 옮겼을 때 속도 측면에서 부족함을 느낄 수 있습니다. 이는 Next.js 13의 FrontEnd에 초점을 맞춘 내용이며, BackEnd 측면은 추후 다룰 예정입니다.

React와 함께 빠르고 SEO 최적화 된 풀스택 애플리케이션 구축에 유용한 프레임워크입니다. SSR도 제공하고, 서버 구축까지 가능해졌습니다.

서버 기능은 부족한 부분이 있지만, 계속해서 개선하고 있다고 발표했으니, 정말 좋은 프레임워크가 될 수 있다고 봅니다.

개발자 관점이 아닌, 사용자 관점(친구)에게 물어봤을 때, 서버가 느린 걸 모르겠답니다. 속도가 다르다 설명을 해줘도, 잘 모르겠다.라는 답을 받았습니다.
이론상, Next.js SEO 최적화는 맞습니다. 하지만 SEO를 최적화 시켜봤을 때, 가장 중요한 건 컨텐츠의 내용이라고 생각합니다.