💡 [웹사이트 제작 1편] 유지비 0원? 워드프레스 대신 '이것' 선택한 이유

🤔 수익형 블로그 시작, 첫 달부터 서버비 낼 필요는 없잖아?

📌 한 줄 요약: 초기 서버 유지비 부담을 없애기 위해, 워드프레스 대신 '노션 + 클라우드플레어(SSG)' 기반의 서버리스 구조를 소개

수익형 웹사이트를 만들어보겠다고 다짐했을 때 가장 먼저 찾아본 것은 역시 워드프레스였다. 하지만 방문자가 거의 없는 초기 단계부터 호스팅비와 도메인 비용이 꾸준히 발생한다는 점은 은근한 부담이었다. 게다가 예상보다 트래픽이 크게 늘어나면 서버 증설이나 상위 요금제를 고려해야 할 수도 있다는 점도 선뜻 시작하지 못하게 만든 진입장벽이었다.

고민 끝에 내린 결론은 명확했다. "서버 유지비 없이 운영하면서도 트래픽 증가에 유연하게 대응할 수 있는 구조를 찾아보자." 며칠을 뒤져 찾아낸 해답은 바로 '노션(Notion)과 클라우드플레어 페이지(Cloudflare Pages)'를 결합한 서버리스 아키텍처다. 지금부터 서버 유지비 없이 안정적으로 운영하고 있는 내 블로그의 수익형 사이트 구조를 소개해보려고 한다.

💡 무자본 웹사이트 만들기: 워드프레스 대안을 찾기까지

📌 한 줄 요약: 동적 서버가 필요한 워드프레스 대신 이미 완성된 문서를 즉시 띄워주는 정적 사이트(SSG) 구조 채택

처음엔 AWS 같은 클라우드 서버나 일반 호스팅(카페24 등)을 기웃거렸다. 하지만 방문자가 0명인 초기 단계에서 굳이 고정비를 지출하는 것은 비효율적이라 생각했다. 특히 워드프레스는 트래픽이 늘어날수록 서버 사양 업그레이드를 수시로 점검해야 하는 경우가 많다.

배보다 배꼽이 커지는 상황을 막기 위해 국내외 개발자 커뮤니티를 샅샅이 뒤졌고, 마침내 정적 사이트 생성(SSG, Static Site Generation)이라는 개념을 접했다. 매번 서버에서 데이터를 무겁게 불러오는 방식이 아니라, 이미 완성된 HTML 문서를 전 세계 캐시 서버에 뿌려두는 방식이다. 이 구조에서는 미리 생성된 파일을 CDN을 통해 제공하기 때문에 일반적인 블로그 트래픽이라면 서버 증설을 거의 신경 쓰지 않아도 된다. 전체적인 흐름을 요약하자면 아래 도식도와 같다.

▲ 노션에 글을 쓰면 깃허브가 빌드하고, 클라우드플레어가 전 세계에 서비스하는 구조 도식도

📊 트래픽 요금 0원, 노션 3-Tier 아키텍처의 비밀

📌 한 줄 요약: 노션(글쓰기) ➡️ 깃허브 액션(자동 변환) ➡️ 클라우드플레어(무료 배포)

코딩을 깊게 모르는 사람도 충분히 따라 할 수 있다. 핵심은 우리가 매일 사용하는 노션(Notion)을 일종의 데이터베이스이자 콘텐츠 관리 도구(CMS)로 활용하는 것이다. Pixoas 역시 무료 티어만으로 서버비 0원에 운영 중인 3-Tier 스택을 사용하고 있다.

내가 노션에 글을 쓰면 깃허브 액션(GitHub Actions)이 알아서 노션 API를 호출해 HTML 페이지로 변환해준다. 그리고 이렇게 생성된 페이지는 Cloudflare Pages를 통해 전 세계로 배포된다. 현재 무료 티어만으로도 개인 블로그나 콘텐츠 사이트를 운영하기에는 충분한 수준의 성능을 제공한다.

🚀 코딩 없이 구축하는 콘텐츠 자동화 파이프라인

📌 한 줄 요약: 개발자 도구를 활용하지만, 세팅만 끝나면 '글쓰기'에만 집중할 수 있는 완벽한 환경 구축

이 아키텍처의 가장 큰 장점은 콘텐츠 생산자가 오직 '글쓰기'에만 집중할 수 있다는 점이다.

• 데이터베이스 (CMS): 복잡한 관리자 페이지에 접속할 필요 없이, 평소 쓰던 노션 페이지에 텍스트와 이미지를 넣으면 된다.
• 빌드 및 자동화: 코드를 직접 짤 필요는 없이 깃허브 액션 환경을 최초 한 번만 세팅해 두면 된다. 노션에 글을 쓴 뒤 GitHub Actions 탭에서 버튼 하나만 누르면 웹사이트가 자동으로 업데이트된다.
• 안정적인 배포: 도메인을 Cloudflare Pages에 연결하면 구글이나 네이버 서버처럼 전 세계에 분산된 망(CDN)을 통해 내 글이 빠르게 배포된다. 무료지만 대기업 수준의 보안과 속도 혜택을 누릴 수 있다.

🙋‍♂️ 블로그 시작 전, 나도 했던 고민들 (Q&A)

(👉 질문을 클릭하면 자세한 답변이 펼쳐집니다)

📚 웹사이트 제작 9부작 시리즈 전체 목차

Pixoas에서는 웹사이트 제작을 쉽게 따라 할 수 있도록 9편의 튜토리얼로 쪼개어 연재한다.
차근차근 따라오면 어느새 나만의 개인 웹사이트가 완성되어 있을 것이다.

• 💡 [웹사이트 제작 1편] 유지비 0원? 워드프레스 대신 노션 택한 이유 (현재 글)
• 🎨 [웹사이트 제작 2편] AI로 코딩 없이 웹사이트 뼈대 구축하기
• 📝 [웹사이트 제작 3편] 노션을 내 웹사이트의 무료 DB(CMS)로 쓰는 법
• ☁️ [웹사이트 제작 4편] 요금 0원! 클라우드플레어 무료 호스팅 세팅
• ⚙️ [웹사이트 제작 5편] 노션 글 자동 발행! 깃허브 액션 연동 가이드
• 🚨 [웹사이트 제작 6편] 노션 사이트 이미지 엑스박스(깨짐) 완벽 해결
• 📈 [웹사이트 제작 7편] 구글 SEO 상위 노출 세팅 및 커스텀 도메인
• 💰 [웹사이트 제작 8편] 구글 애드센스 승인: 가치 없는 콘텐츠 피하기
• 🤖 [웹사이트 제작 9편] 챗GPT로 수익형 블로그 기획 및 글감 확장

이 시리즈는 특정 서비스를 무조건 추천하기 위한 글이 아니다. 내가 직접 여러 방법을 비교하고 운영하면서 선택한 구조를 공유하는 기록에 가깝다. 이어지는 2편부터는 빈 화면에서부터 실제로 웹사이트를 세팅하는 과정을 공유할 예정이다.

✅ 마무리 정리

1. 트래픽이 적은 초기 블로거에게 매월 나가는 서버/호스팅 비용은 큰 부담이다.
2. 이를 원천 차단하기 위해 글쓰기는 Notion(노션)에서, 배포는 무료 CDN인 Cloudflare Pages를 이용하는 서버리스(SSG) 구조를 구축했다.
3. 실시간 회원가입 같은 복잡한 기능은 못 하지만, 콘텐츠 발행과 애드센스 수익 창출이 목적인 일반 블로그라면 단돈 0원으로도 운영할 수 있다.