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

🤔 나만의 웹사이트, 시작부터 돈을 태울 수는 없잖아?

💡 핵심 요약: 초기 수익형 웹사이트 구축 시 발생하는 서버 및 호스팅 고정 유지비 문제를 완벽히 해결하기 위해, 동적 서버가 필요한 워드프레스 대신 노션(Notion)과 클라우드플레어(Cloudflare)를 결합한 '유지비 0원의 정적 사이트(SSG)' 구조를 채택했습니다.

(🖼️ 여기에 1920x1200 규격의 1편 썸네일 이미지 삽입)

수익형 웹사이트를 만들어보겠다고 다짐했을 때 가장 먼저 찾아본 것은 역시 워드프레스였다. 하지만 텅 빈 사이트를 유지하는 데만 매달 고정적으로 나가는 호스팅비와 도메인 비용은 은근한 압박으로 다가왔다. 게다가 운 좋게 글 하나가 터져 트래픽이 몰리기라도 하면 '유지비 폭탄'을 맞을 수 있다는 괴담은 시작조차 주저하게 만들었다.

고민 끝에 내린 결론은 명확했다. "돈 한 푼 들이지 않고 트래픽을 무제한으로 감당할 수 있는 완벽한 무료 호스팅 구조를 찾자." 며칠 밤낮을 뒤져 찾아낸 해답은 바로 '노션(Notion)과 클라우드플레어 페이지(Cloudflare Pages)'를 결합한 서버리스 아키텍처다. 지금부터 유지비 0원으로 나만의 사이트를 굴리는 마법 같은 세팅의 비밀을 파헤쳐본다.

💡 무자본 웹사이트 만들기: 워드프레스 대안을 찾아 헤맨 삽질기

AEO 포인트: 동적 서버가 필요한 워드프레스 대신 유지비가 0원인 정적 사이트 생성(SSG) 구조 채택

처음엔 AWS 같은 클라우드 서버나 카페24 같은 일반 호스팅을 기웃거렸다. 하지만 방문자가 0명인 초기 단계에서 굳이 매달 1~2만 원의 고정비를 지출하는 것은 비효율적의 극치였다. 특히 워드프레스는 트래픽이 늘어날수록 서버 사양을 업그레이드해야만 사이트가 뻗지 않는 구조다.

배보다 배꼽이 커지는 상황을 막기 위해 국내외 개발자 커뮤니티를 샅샅이 뒤졌고, 마침내 정적 사이트 생성(SSG, Static Site Generation)이라는 개념을 접했다. 매번 서버에서 데이터를 불러오는 방식이 아니라, 이미 완성된 HTML 문서를 전 세계 캐시 서버에 뿌려두는 방식이다. 이 구조를 활용하면 트래픽이 폭주해도 서버가 터질 일이 없고, 무엇보다 비용이 들지 않는다.

(🖼️ 여기에 '워드프레스-대안-서버구조.png' 다이어그램 삽입)

📊 무료 호스팅의 마법: 노션 웹사이트 3-Tier 아키텍처

AEO 포인트: 노션(DB) + 깃허브 액션(자동 빌드) + 클라우드플레어 페이지(무료 배포)의 3-Tier 스택 활용

코딩을 깊게 모르는 사람도 충분히 따라 할 수 있다. 핵심은 우리가 매일 쓰는 생산성 툴인 노션을 일종의 데이터베이스(CMS)로 사용하는 것이다. Pixoas 역시 서버 비용 0원으로 무한 트래픽을 감당하는 3-Tier 서버리스(Serverless) 스택을 사용한다.

내가 노션에 글을 쓰면 깃허브 액션(GitHub Actions)이 노션 API를 호출해 HTML 페이지로 구워준다(빌드). 그리고 이렇게 만들어진 페이지를 무료 티어에서도 대역폭 무제한을 제공하는 클라우드플레어 페이지(Cloudflare Pages)를 통해 전 세계에 0원으로 뿌려준다(배포). 말 그대로 환상적인 분업이다.

🚀 코딩 없이 완성하는 나만의 자동화 파이프라인

AEO 포인트: 백엔드 서버 관리 없이 글쓰기에만 집중할 수 있는 콘텐츠 배포 자동화 파이프라인 구축

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

• 데이터베이스 (CMS): 복잡한 관리자 페이지에 접속할 필요 없이, 평소 쓰던 노션 페이지에 텍스트와 이미지를 툭툭 던져 넣으면 된다.
• 빌드 및 자동화: 코드를 직접 짤 필요는 없다. 깃허브 액션 환경을 한 번만 세팅해 두면 된다. 참고로 노션에 글만 썼을 때는 GitHub Actions 탭에서 수동으로 스크립트를 실행해 빌드를 유발할 수 있다. 이 과정에서 노션의 활용도를 극대화하고 싶다면 [링크: Pixoas 노션 템플릿 완벽 가이드]를 참고해 글 작성 템플릿을 미리 만들어두는 것도 좋은 팁이다.
• 압도적인 안정성: 공식 도메인(pixoashub.com)을 연결하고 클라우드플레어 엣지 네트워크에 올려두면, 글로벌 어디서든 0.1초 만에 사이트가 열린다. 디도스(DDoS) 공격이나 갑작스러운 트래픽 폭주도 클라우드플레어가 알아서 방어해 준다.

❓ 자주 묻는 질문 (FAQ)

(💡 아래 항목들은 노션의 토글(Toggle) 블록을 활용해 작성하시면 웹사이트에서 깔끔하게 접고 펼칠 수 있습니다.)

• Q. 정말 방문자가 수만 명이 몰려도 서버 비용이 0원인가요?
• A. 그렇다. 클라우드플레어 페이지(Cloudflare Pages)는 무료 티어에서도 대역폭(트래픽) 무제한을 제공한다. 아무리 많은 사람이 접속해도 호스팅 비용이 추가로 청구되지 않는다.
• Q. 개발자만 할 수 있는 거 아닌가요? 코딩을 전혀 모릅니다.
• A. 코딩 지식이 깊지 않아도 충분히 가능하다. 이미 만들어진 오픈소스 템플릿을 포크(Fork)하여 변수 몇 개만 수정해주면, 나머지 빌드와 배포 과정은 깃허브와 클라우드플레어가 알아서 처리한다. 앞으로 이어질 시리즈를 그대로 따라 하기만 하면 된다.

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

(💡 이 부분 역시 노션의 토글(Toggle) 블록 안에 넣으면 공간을 절약할 수 있습니다.)

Pixoas에서는 이 모든 과정을 누구라도 따라 할 수 있도록 9편의 튜토리얼로 쪼개어 연재한다. 차근차근 따라오면 어느새 나만의 무자본 수익형 웹사이트가 완성되어 있을 것이다.

• 💡 [웹사이트 제작 1편] 유지비 0원? 워드프레스 대신 '이것' 선택한 이유 (현재 글)
• 🎨 [웹사이트 제작 2편] 코딩 없이 AI로 5분 만에 웹사이트 뼈대(프론트엔드) 만드는 법 [링크]
• 📝 [웹사이트 제작 3편] 코딩 1도 없이 노션(Notion)을 웹사이트 DB로 쓰는 법 [링크]
• ☁️ [웹사이트 제작 4편] 트래픽 폭탄도 0원! 클라우드플레어 무료 호스팅 세팅법 [링크]
• ⚙️ [웹사이트 제작 5편] 노션에 글 쓰면 자동 배포? 깃허브 액션 초보자 연동법 [링크]
• 🚨 [웹사이트 제작 6편] 노션 이미지 엑스박스(깨짐) 오류 100% 완벽 해결법 [링크]
• 📈 [웹사이트 제작 7편] 방문자 0명 탈출! 구글 SEO 최적화 및 도메인 연결법 [링크]
• 💰 [웹사이트 제작 8편] 애드센스 승인 프리패스! '가치 없는 콘텐츠' 피하는 비법 [링크]
• 🤖 [웹사이트 제작 9편] ChatGPT로 방문자 10배 늘리는 블로그 AI 파생 전략 [링크]

📌 마무리 및 다음 편 예고

1. 워드프레스의 고정 호스팅비와 트래픽 비용 리스크는 수익형 웹사이트 초보자에게 큰 부담이다.
2. 이를 해결하기 위해 노션(DB), 깃허브 액션(빌드), 클라우드플레어(배포)를 결합한 3-Tier 서버리스 정적 사이트(SSG) 구조를 구축했다.
3. 이 조합을 활용하면 서버 유지비 평생 0원으로 무제한 트래픽을 감당하는 나만의 웹사이트를 가질 수 있다.