Nuxt 3와 Cloudflare Pages로 비용 없이 정적 사이트 배포하기

이 사이트(meloscode.com)는 백엔드나 데이터베이스 없이 100% 정적 사이트로 만들어졌습니다. 아래는 사용한 스택과 배포 방식입니다.

스택

• 프레임워크: Nuxt 3 (Vue 3, TypeScript)
• 스타일링: Tailwind CSS
• 콘텐츠: @nuxt/content (Zod 스키마로 글 메타데이터 검증)
• 배포: nuxt generate로 정적 파일을 만든 뒤 wrangler pages deploy로 Cloudflare Pages에 업로드

왜 비용이 들지 않나

Cloudflare Pages 무료 플랜은 정적 사이트에 대해 대역폭과 요청 수 제한이 없고, 커스텀 도메인 연결과 SSL 인증서도 무료로 제공됩니다. CLI로 직접 업로드하는 방식은 Git 연동 빌드에만 적용되는 월별 빌드 횟수 제한에도 걸리지 않습니다.

서버가 필요한 기능(Workers, D1 등)을 추가하지 않는 한, 이 사이트를 운영하는 데 드는 비용은 도메인 등록비뿐입니다.