처음 만난 Next.js 문서
1.3
SSG (Static Site Generation)
SSG는 Static Site Generation의 약자로써, 정적 웹사이트 생성을 의미합니다. 정적 웹사이트는 말 그대로 서버에서 동적으로 생성되는 내용 없이 미리 생성된 정적인 파일들로 구성되어 있습니다. 우리가 평소에 볼 수 있는 가장 흔한 정적 웹사이트로는 GitHub Pages에 배포해서 운영하는 개발 블로그가 있습니다. 그리고 이러한 정적 웹사이트를 생성해주는 도구나 프레임워크를 Static Site Generator라고 부릅니다.
정적인 웹사이트는 다음과 같은 특징들을 갖고 있습니다.
빠른 로딩 속도
정적 웹사이트는 서버에서 동적으로 생성되는 것이 아니기 때문에 로딩 속도가 굉장히 빠릅니다. 사용자가 웹페이지를 요청할 때 서버에서 페이지를 생성하는 과정이 없기 때문에 페이지가 굉장히 빠르게 화면에 뜨게 됩니다.
낮은 보안 위험
동적 웹사이트와는 달리 정적 웹사이트는 데이터베이스와 같은 백엔드 시스템을 사용하지 않기 때문에 보안 위험이 적습니다. 이는 해킹이나 데이터 유출과 같은 보안 문제를 줄여줍니다.
저렴한 호스팅 비용
정적 웹사이트는 AWS S3 등의 클라우드 스토리지를 사용하여 간단하게 파일들을 업로드하여 호스팅할 수 있습니다. 별도로 서버가 돌아가는 형태가 아니기 때문에 호스팅 비용이 굉장히 저렴합니다.
SEO (검색 엔진 최적화)
정적 웹사이트는 검색 엔진에서 잘 검색될 수 있도록 코드가 최적화되어 있습니다. 별도의 서버 통신이나 렌더링 과정 없이도 이미 페이지의 컨텐츠가 다 생성되어 있기 때문입니다. 따라서 검색 엔진에서 높은 순위를 얻는 데 도움이 됩니다.
이처럼 정적 웹사이트에는 다양한 장점들이 있습니다. 새로운 페이지나 컨텐츠가 추가될 때마다 매번 다시 빌드해서 배포해야 한다는 단점이 있지만, 한 번만 배포해두면 다양한 장점들을 누릴 수 있는 것입니다.
그리고 Next.js에서는 특정 페이지만을 정적 웹사이트 형태로 배포할 수 있는 기능을 제공합니다. 이 부분에 관한 자세한 내용은 뒤에서 실제로 Next.js를 사용하면서 알아보도록 하겠습니다.
마지막 업데이트: 2025년 10월 24일 01시 46분
이 문서의 저작권은 이인제(소플)에 있습니다. 무단 전재와 무단 복제를 금합니다.
On this page