[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"article-nuxt-cloudflare-pages-free-deploy":3},{"id":4,"title":5,"body":6,"date":74,"description":75,"extension":76,"meta":77,"navigation":78,"path":79,"seo":80,"stem":81,"tags":82,"__hash__":85},"articles\u002Farticles\u002Fnuxt-cloudflare-pages-free-deploy.md","Nuxt 3와 Cloudflare Pages로 비용 없이 정적 사이트 배포하기",{"type":7,"value":8,"toc":68},"minimark",[9,13,17,58,62,65],[10,11,12],"p",{},"이 사이트(meloscode.com)는 백엔드나 데이터베이스 없이 100% 정적 사이트로 만들어졌습니다. 아래는 사용한 스택과 배포 방식입니다.",[14,15,16],"h2",{"id":16},"스택",[18,19,20,28,34,45],"ul",{},[21,22,23,27],"li",{},[24,25,26],"strong",{},"프레임워크",": Nuxt 3 (Vue 3, TypeScript)",[21,29,30,33],{},[24,31,32],{},"스타일링",": Tailwind CSS",[21,35,36,39,40,44],{},[24,37,38],{},"콘텐츠",": ",[41,42,43],"code",{},"@nuxt\u002Fcontent"," (Zod 스키마로 글 메타데이터 검증)",[21,46,47,39,50,53,54,57],{},[24,48,49],{},"배포",[41,51,52],{},"nuxt generate","로 정적 파일을 만든 뒤 ",[41,55,56],{},"wrangler pages deploy","로 Cloudflare Pages에 업로드",[14,59,61],{"id":60},"왜-비용이-들지-않나","왜 비용이 들지 않나",[10,63,64],{},"Cloudflare Pages 무료 플랜은 정적 사이트에 대해 대역폭과 요청 수 제한이 없고, 커스텀 도메인 연결과 SSL 인증서도 무료로 제공됩니다. CLI로 직접 업로드하는 방식은 Git 연동 빌드에만 적용되는 월별 빌드 횟수 제한에도 걸리지 않습니다.",[10,66,67],{},"서버가 필요한 기능(Workers, D1 등)을 추가하지 않는 한, 이 사이트를 운영하는 데 드는 비용은 도메인 등록비뿐입니다.",{"title":69,"searchDepth":70,"depth":70,"links":71},"",2,[72,73],{"id":16,"depth":70,"text":16},{"id":60,"depth":70,"text":61},"2026-08-12","서버나 데이터베이스 없이, Nuxt 3 정적 생성과 Cloudflare Pages 무료 플랜만으로 개인 사이트를 배포한 방법.","md",{},true,"\u002Farticles\u002Fnuxt-cloudflare-pages-free-deploy",{"title":5,"description":75},"articles\u002Fnuxt-cloudflare-pages-free-deploy",[83,84,49],"nuxt","cloudflare","aK0r5ZDcEIIMOLPHJpWHT5Qs34xO6WS02CptnpNkOgk",1786525316665]