NextJS 프레임워크를 사이트 엔진으로

인터넷이 막 태동하던 오랜 옛날에는, 사이트가 순수 HTML로 개발되었습니다. 그러나 이는 다소 불편했습니다. 그래서 사이트 개발을 단순화하는 백엔드 언어(PHP, NodeJS 등) 중 하나로 작성된 특별한 프로그램들이 등장하게 되었습니다. 사이트 운영을 지원하는 프로그램을 사이트의 엔진이라고 부릅니다.

순수 HTML 사이트의 문제점이 무엇인지, 이러한 문제점을 해결하는 데 엔진이 어떻게 도움을 주는지, 그리고 NextJS가 여기에 어떤 관련이 있는지 논의해 보겠습니다.

순수 HTML로 된 다중 페이지 사이트가 있다고 가정해 봅시다. 사이트의 각 페이지에는 동일한 부분(예: 헤더, 푸터, 사이드바)과 다른 부분(페이지 콘텐츠, 제목)이 있을 것입니다.

사이트 헤더에 약간의 변경을 해야 한다고 가정해 보세요. 이 경우 해당 헤더가 있는 모든 파일을 수정해야 합니다. 이는 당연히 그다지 편리하지 않습니다.

그래서 현대 사이트들은 엔진 위에서 동작합니다. 엔진은 특별한 접근 방식을 사용합니다. 이 접근 방식의 핵심은 사이트의 일반적인 레이아웃을 가진 하나의 파일을 생성하는 데 있습니다. 이 파일은 사이트의 공통 부분들을 담게 됩니다.

요청된 URL에 따라 레이아웃의 특별한 위치에 해당 URL에 맞는 사이트 콘텐츠가 삽입될 것입니다.

페이지의 콘텐츠뿐만 아니라 보통 제목도 변경됩니다. 이때 콘텐츠와 제목은 레이아웃의 다른 위치에 삽입됩니다. 이것 또한 사이트 엔진에 의해 보장됩니다.

SEO가 중요하다면, 사이트의 각 페이지마다 고유한 메타 설명이 있어야 합니다. 또한 이것은 레이아웃의 자신의 위치에 삽입되어야 합니다.

NextJS 프레임워크는 설명된 방식으로 동작합니다. 즉, 그것은 우리 사이트의 엔진입니다. 따라서 우리는 사이트의 일반적인 레이아웃을 포함하는 특별한 파일을 어딘가에 가지고 있습니다. 이것을 연구하는 것이 본 교재의 이 섹션에서 우리가 할 일입니다.