월 $0로 하루 10만 요청 API, 5GB 데이터베이스, 무제한 대역폭 웹호스팅을 무료로 만들었습니다. Cloudflare 스택 하나면 MVP부터 중규모 서비스까지 비용 걱정 없이 운영할 수 있습니다.

TL;DR

• Cloudflare Pages + Workers + D1 + R2 조합으로 풀스택 웹서비스를 $0에 구축합니다
• 무제한 대역폭과 한국 PoP로 트래픽 증가에도 추가 비용이 없습니다
• Email Sending 바인딩으로 API 키 없이 이메일 발송이 가능합니다
• Cron Triggers로 주기적 데이터 수집·분석을 서버리스로 처리합니다
• GitHub Actions 연동으로 CI/CD 파이프라인까지 무료 구성합니다

어떤 문제를 해결하나요?

트래픽이 조금만 늘어도 호스팅 비용이 폭발하는 경험 있으신가요? Vercel은 대역폭 100GB, Render는 15분 유휴 시 슬립, Firebase는 하루 360MB 제한입니다. MVP 단계에서 비용 걱정 없이 운영할 수 있는 플랫폼이 필요했습니다.

Cloudflare 스택으로 이 문제를 해결했습니다.

┌──────────┐     ┌──────────┐     ┌───────────┐     ┌──────────┐
│  Browser  │────▶│  Pages   │────▶│  Workers  │────▶│  D1 / R2 │
│  (사용자) │     │ (Next.js)│     │  (API)    │     │ (DB/파일) │
└──────────┘     └──────────┘     └───────────┘     └──────────┘
                      │                  │
                      │    ┌─────────────┘
                      ▼    ▼
                 ┌──────────────┐
                 │ Email Sending │
                 │   (이메일)    │
                 └──────────────┘

1단계: 호스팅 플랜 선택: 10개 플랜 비교

무료 호스팅 후보 10개를 비교했습니다. 핵심 5개만 표로 정리합니다.

추천 조합:

2단계: Cloudflare Pages에 Next.js 올리기

기존 @cloudflare/next-on-pages는 deprecated 되었습니다. @opennextjs/cloudflare를 사용합니다.

npm create cloudflare@latest -- my-next-app --framework=next

wrangler.jsonc:

{
  "main": ".open-next/worker.js",
  "name": "my-app",
  "compatibility_date": "2026-06-02",
  "compatibility_flags": ["nodejs_compat"],
  "assets": {
    "directory": ".open-next/assets",
    "binding": "ASSETS"
  }
}

package.json scripts:

{
  "preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
  "deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy"
}

Pages 무료 티어:

npm run dev는 Node.js 런타임, npm run preview는 workerd 런타임에서 실행됩니다. 배포 전 로컬에서 실제 환경과 동일하게 테스트해보세요.

3단계: Workers로 API 만들기

Hono는 Workers에 최적화된 경량 프레임워크입니다. 익스프레스와 비슷한 문법으로 빠르게 API를 작성할 수 있습니다.

import { Hono } from 'hono'
import { cors } from 'hono/cors'

const app = new Hono()

app.use('/api/*', cors({
  origin: ['https://example.com'],
  allowMethods: ['GET', 'POST', 'PUT', 'DELETE'],
}))

app.get('/api/users', async (c) => {
  const results = await c.env.DB.prepare('SELECT * FROM users').all()
  return c.json(results)
})

app.post('/api/users', async (c) => {
  const { name, email } = await c.req.json()
  await c.env.DB.prepare(
    'INSERT INTO users (name, email) VALUES (?, ?)'
  ).bind(name, email).run()
  return c.json({ success: true }, 201)
})

export default app

크론 트리거 (스케줄링)

주기적 데이터 수집이나 리포트 생성에 크론 트리거를 활용합니다. 별도 서버 없이 Workers 하나로 스케줄링이 가능합니다.

wrangler.jsonc:

{
  "triggers": {
    "crons": ["0 */6 * * *", "0 9 * * mon-fri"]
  }
}

Worker 코드:

export default {
  async scheduled(controller, env, ctx) {
    const data = await fetchDataFromAPI(env.API_KEY)
    await storeData(env.DB, data)
  },
  async fetch(request, env, ctx) {
    return new Response('OK')
  }
}

무료 플랜은 CPU 10ms 제한이 있습니다. 무겁지 않은 API와 캐싱 전략으로 극복해야 합니다.

4단계: D1 데이터베이스 + Drizzle ORM

D1은 Cloudflare의 SQLite 기반 데이터베이스입니다. Workers와 네이티브로 연결되어 별도 커넥션 풀 없이 사용할 수 있습니다.

DB 생성 및 마이그레이션

npx wrangler d1 create my-database
npx wrangler d1 migrations create my-database init_schema
npx wrangler d1 migrations apply my-database --remote

스키마 예시 (Drizzle ORM):

import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core'

export const users = sqliteTable('users', {
  id: integer('id').primaryKey({ autoIncrement: true }),
  name: text('name').notNull(),
  email: text('email').notNull().unique(),
  createdAt: text('created_at').default(sql`(datetime('now'))`),
})

Worker에서 Drizzle 사용:

import { drizzle } from 'drizzle-orm/d1'
import * as schema from './schema'

export default {
  async fetch(request, env) {
    const db = drizzle(env.DB, { schema })
    const allUsers = await db.select().from(schema.users).all()
    return Response.json(allUsers)
  }
}

5단계: R2 파일 스토리지

R2는 S3 호환 객체 스토리지입니다. 핵심 차이는 Egress가 무료라는 점입니다.

npx wrangler r2 bucket create my-assets

업로드/조회 코드:

await env.BUCKET.put('images/photo.jpg', fileBody)

const obj = await env.BUCKET.get('images/photo.jpg')
return new Response(obj.body, {
  headers: { 'Content-Type': obj.httpMetadata.contentType }
})

S3는 데이터 전송량별로 과금되지만, R2는 아웃바운드가 무료입니다. 이미지 호스팅에 최적입니다. 커스텀 도메인 연결 시 CDN 캐싱 + 무료 egress가 함께 적용됩니다.

6단계: 이메일 발송 (API 키 없이)

Cloudflare Email Sending을 사용하면 외부 서비스 API 키 없이 Workers에서 직접 이메일을 발송할 수 있습니다. SendGrid나 Mailgun 계정이 필요 없습니다.

설정 3단계

1. Email Sending 활성화: Dashboard → Compute → Email Service → Email Sending → 도메인 Onboard
2. Email Routing 활성화: Dashboard → 도메인 → Email → Email Routing 활성화
3. wrangler.toml 설정: [[send_email]] 바인딩 추가

wrangler.toml:

name = "my-worker"
main = "src/index.ts"
compatibility_date = "2026-06-02"
compatibility_flags = ["nodejs_compat"]

[[send_email]]
name = "EMAIL"

[triggers]
crons = ["0 0 * * *"]

핵심은 [[send_email]] 바인딩입니다. 이 설정만 있으면 Workers 코드에서 env.EMAIL.send()로 이메일을 발송할 수 있습니다.

발송 코드:

async function sendEmail(emailBinding, toEmail, subject, html) {
  await emailBinding.send({
    to: toEmail,
    from: { email: 'noreply@example.com', name: 'My Service' },
    subject,
    html,
    text: '알림',
  })
}

발송 대상 이메일은 미리 인증해야 합니다. Dashboard에서 관리하거나 API로 인증 이메일을 발송합니다. 새 구독자가 늘어나면 Dashboard에서 한 번에 관리할 수 있습니다.

트러블슈팅

7단계: CI/CD 파이프라인

GitHub Actions로 main 브랜치 푸시 시 자동 배포합니다. 별도 CI 서버 없이 GitHub 무료 티어로 충분합니다.

name: Deploy to Cloudflare
on:
  push:
    branches: [main]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci
      - run: npx wrangler deploy
        env:
          CLOUDFLARE_API_TOKEN: $

PR 미리보기: Pages 프로젝트는 PR 생성 시 자동으로 <hash>.<project>.pages.dev URL이 생성됩니다. 별도 설정 없이 무제한 preview 배포가 가능합니다.

무료 티어 전체 한도

월 $5 유료 전환 시 요청 무제한, CPU 30초/요청, D1 250억 읽기/월이 포함됩니다. 대규모 트래픽이 발생하면 유료 전환만으로 확장할 수 있습니다.

Result

마치며

처음에는 “무료 티어로 과연 진짜 서비스가 돌아갈까” 반신반의했습니다. 어딘가에 숨겨진 요금 함정이 있거나, 한계에 부딪히면 결국 유료로 갈 수밖에 없을 거라 짐작했죠. 그런데 막상 Cloudflare 스택을 조립해보니 가장 놀라운 것은 ‘무제한 대역폭’이 단순한 마케팅 문구가 아니라는 점이었습니다. 트래픽이 늘어도 요금 폭탄을 걱정하지 않아도 된다는 심리적 안도감은, MVP 단계에서 기능 개발에 집중할 수 있게 만드는 가장 큰 자산이었습니다.

이 과정에서 가장 크게 깨달은 점은 ‘바인딩’이라는 개념의 힘입니다. Email Sending, D1, R2, Cron Triggers가 전부 설정 파일 몇 줄로 연결되고, 외부 API 키나 커넥션 풀을 관리할 필요가 없습니다. 서비스를 구성하는 부품이 줄어들면 줄어들수록 운영 복잡성은 기하급수적으로 낮아집니다. 물론 CPU 10ms 제한처럼 무료의 대가는 분명히 존재하지만, 가벼운 API와 캐싱 전략으로 충분히 극복할 수 있는 수준이었습니다.

비용을 제로로 유지하면서 전 세계 엣지에서 서비스를 운영할 수 있는 시대가 왔다는 사실이 여전히 신기합니다. 앞으로는 새 프로젝트를 시작할 때 “어떤 클라우드를 쓸까”가 아니라 “Cloudflare 생태계 안에서 어떤 조합을 쓸까”를 먼저 떠올리게 되었습니다. 무료라서 소홀히할 수 있는 것이 아니라, 무료이기에 오히려 더 빠르게 실험하고 더 많이 배울 수 있다고 생각합니다.