本文へ移動
cccskills
無料GitHub で公開

cloudflare-workers-expert

Expert guide for Cloudflare Workers ecosystem — Workers, D1 (SQLite at edge), KV, R2 (S3-compatible storage), Queues, Durable Objects, Hyperdrive, and Workers AI / Panduan ahli ekosistem Cloudflare Workers — Workers, D1, KV, R2, Queues, Durable Objects, Hyperdrive, dan Workers AI.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plugスター 115(GitHub 115 + cccskills 0)

実行スコア 未検証

インストール方法を見る

含まれるファイル(1)

  • SKILL.md12.5 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Cloudflare Workers Ecosystem Expert (2026 Edition)

English | Bahasa Indonesia


<a name="english"></a>

English

Orchestration & Integration

Connects and orchestrates with domain skills:

  • Edge Backend & APIs: js-backend-expert (Hono v4 on Workers, V8 isolates), api-design-expert (edge REST & RPC endpoints), and sse-websocket-streaming-expert (Durable Objects WebSockets).
  • Edge Storage & DBs: database-orm-expert (Drizzle with D1, Hyperdrive pooling), file-upload-media-expert (R2 presigned URLs), and vector-db-rag-expert (Vectorize & Workers AI).
  • Frontend & Cloud: cloud-hosting-expert (custom domains, CDN rules), senior-frontend (Workers Static Assets), and anti-slop (clean edge architecture without node:fs polyfill traps).
  • Lifecycle & DevOps: ci-cd-devops-architect (GitHub Actions Wrangler deployments), brainstorming, and zero-to-prod-orchestrator (Phase 4: Backend & APIs).

Description

Expert guide for building full-stack edge applications using the Cloudflare Workers ecosystem. Covers Workers runtime, D1 (SQLite at edge), KV (key-value store), R2 (S3-compatible object storage), Queues (message queues), Durable Objects (stateful edge), Hyperdrive (database connection pooling), Workers AI (inference at edge), and Wrangler CLI for development and deployment.

Trigger Conditions

  • Building serverless edge applications on Cloudflare Workers.
  • Using D1 as an edge SQLite database.
  • Storing files with R2 (S3-compatible, zero egress fees).
  • Implementing KV for distributed key-value caching.
  • Building stateful applications with Durable Objects.
  • Setting up Queues for async job processing at the edge.
  • Connecting to external databases via Hyperdrive connection pooling.
  • Running AI inference at the edge with Workers AI.
  • Deploying with Wrangler CLI and wrangler.toml configuration.
  • Using Hono v4 as the web framework on Workers.

What's New in 2026

Cloudflare Workers — Platform Updates

  • D1 GA: SQLite at the edge — fully production-ready with point-in-time recovery, read replicas, and up to 10GB databases.
  • Queues GA: Reliable message queues for async processing, dead letter queues, and batch consumption.
  • Hyperdrive GA: Connection pooling for PostgreSQL, MySQL — eliminates cold connection latency from Workers.
  • Workers AI Stable: Run LLM inference (Llama 3, Mistral, embedding models) at the edge with zero cold starts.
  • Durable Objects Hibernation: Cost-effective stateful edge — objects hibernate when idle, wake instantly on request.
  • Workers Static Assets: Serve static files directly from Workers without separate Pages deployment.
  • Node.js Compatibility Mode: Import Node.js built-in modules (node:crypto, node:buffer, node:streams) directly in Workers.

Core Architecture Patterns

1. Project Setup (Wrangler + Hono)

# Create new Workers project with Hono
npm create cloudflare@latest my-app -- --framework=hono
cd my-app

# wrangler.toml configuration
# wrangler.toml
name = "my-app"
compatibility_date = "2026-10-01"
compatibility_flags = ["nodejs_compat_v2"]

# D1 Database
[[d1_databases]]
binding = "DB"
database_name = "my-app-db"
database_id = "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"

# KV Namespace
[[kv_namespaces]]
binding = "CACHE"
id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

# R2 Bucket
[[r2_buckets]]
binding = "STORAGE"
bucket_name = "my-app-assets"

# Queue Producer
[[queues.producers]]
queue = "email-queue"
binding = "EMAIL_QUEUE"

# Queue Consumer
[[queues.consumers]]
queue = "email-queue"
max_batch_size = 10
max_batch_timeout = 30

# Durable Object
[[durable_objects.bindings]]
name = "RATE_LIMITER"
class_name = "RateLimiter"

[[migrations]]
tag = "v1"
new_classes = ["RateLimiter"]

# Hyperdrive (PostgreSQL connection pooling)
[[hyperdrive]]
binding = "HYPERDRIVE"
id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

# Workers AI
[ai]
binding = "AI"

2. Hono Application on Workers

import { Hono } from 'hono';
import { cors } from 'hono/cors';
import { bearerAuth } from 'hono/bearer-auth';

type Bindings = {
  DB: D1Database;
  CACHE: KVNamespace;
  STORAGE: R2Bucket;
  EMAIL_QUEUE: Queue;
  AI: Ai;
  HYPERDRIVE: Hyperdrive;
};

const app = new Hono<{ Bindings: Bindings }>();

app.use('*', cors());

// D1 SQLite query
app.get('/api/products', async (c) => {
  const { results } = await c.env.DB.prepare(
    'SELECT id, name, price FROM products WHERE active = 1 ORDER BY created_at DESC LIMIT 50'
  ).all();
  return c.json(results);
});

// KV cache-aside pattern
app.get('/api/config/:key', async (c) => {
  const key = c.req.param('key');
  const cached = await c.env.CACHE.get(key, 'json');
  if (cached) return c.json(cached);

  const { results } = await c.env.DB.prepare(
    'SELECT value FROM config WHERE key = ?'
  ).bind(key).all();
  
  if (results.length > 0) {
    await c.env.CACHE.put(key, JSON.stringify(results[0]), { expirationTtl: 3600 });
    return c.json(results[0]);
  }
  return c.notFound();
});

// R2 file upload
app.post('/api/upload', async (c) => {
  const formData = await c.req.formData();
  const file = formData.get('file') as File;
  const key = `uploads/${Date.now()}-${file.name}`;
  
  await c.env.STORAGE.put(key, file.stream(), {
    httpMetadata: { contentType: file.type },
  });
  
  return c.json({ key, url: `/files/${key}` });
});

// Queue producer — send async job
app.post('/api/send-email', async (c) => {
  const body = await c.req.json();
  await c.env.EMAIL_QUEUE.send({
    to: body.email,
    subject: body.subject,
    template: body.template,
  });
  return c.json({ status: 'queued' });
});

// Workers AI — text generation
app.post('/api/ai/generate', async (c) => {
  const { prompt } = await c.req.json();
  const response = await c.env.AI.run('@cf/meta/llama-3.1-8b-instruct', {
    messages: [{ role: 'user', content: prompt }],
  });
  return c.json(response);
});

export default app;

// Queue consumer handler
export default {
  ...app,
  async queue(batch: MessageBatch, env: Bindings): Promise<void> {
    for (const message of batch.messages) {
      const { to, subject, template } = message.body as EmailJob;
      await sendEmail(to, subject, template); // your email sending logic
      message.ack();
    }
  },
};

3. D1 Migrations

# Create migration
wrangler d1 migrations create my-app-db create_products

# Write SQL migration
# migrations/0001_create_products.sql
CREATE TABLE products (
  id TEXT PRIMARY KEY DEFAULT (lower(hex(randomblob(16)))),
  name TEXT NOT NULL,
  price REAL NOT NULL CHECK(price >= 0),
  description TEXT DEFAULT '',
  active INTEGER DEFAULT 1,
  created_at TEXT DEFAULT (datetime('now')),
  updated_at TEXT DEFAULT (datetime('now'))
);

CREATE INDEX idx_products_active ON products(active);
CREATE INDEX idx_products_created ON products(created_at DESC);
# Apply migration
wrangler d1 migrations apply my-app-db

4. Durable Objects (Stateful Edge)

export class RateLimiter implements DurableObject {
  private requests: number[] = [];
  private readonly limit = 100;
  private readonly windowMs = 60_000;

  constructor(private state: DurableObjectState, private env: Bindings) {}

  async fetch(request: Request): Promise<Response> {
    const now = Date.now();
    this.requests = this.requests.filter(t => now - t < this.windowMs);
    
    if (this.requests.length >= this.limit) {
      return new Response('Rate limit exceeded', { status: 429 });
    }
    
    this.requests.push(now);
    await this.state.storage.put('requests', this.requests);
    
    return new Response('OK', {
      headers: {
        'X-RateLimit-Remaining': String(this.limit - this.requests.length),
        'X-RateLimit-Limit': String(this.limit),
      },
    });
  }
}

5. Hyperdrive (External Database Connection)

import { Client } from 'pg';

app.get('/api/users', async (c) => {
  const client = new Client({ connectionString: c.env.HYPERDRIVE.connectionString });
  await client.connect();
  
  const { rows } = await client.query('SELECT id, email, name FROM users LIMIT 100');
  await client.end();
  
  return c.json(rows);
});

Performance Best Practices

  1. Use D1 for read-heavy workloads — SQLite at edge with automatic read replicas.
  2. KV for hot cache — Sub-millisecond reads for configuration, feature flags, and session data.
  3. R2 for assets — Zero egress fees, S3-compatible API.
  4. Queues for async work — Decouple request handling from background processing.
  5. Hyperdrive for external DBs — Connection pooling eliminates cold connection latency.
  6. Workers AI for inference — Run models at edge without managing GPU infrastructure.
  7. Use waitUntil() — For fire-and-forget operations (logging, analytics) after response is sent.

Anti-Patterns to Avoid

  1. Storing large blobs in KV — Use R2 for files >25MB. KV is for small values (<25MB).
  2. Opening new DB connections per request without Hyperdrive — Cold connections add 50-200ms latency.
  3. Not using prepared statements with D1 — Always use .prepare().bind() to prevent SQL injection.
  4. Synchronous heavy computation — Workers have a CPU time limit (10-30ms for free, 30s for paid). Offload to Queues.
  5. Ignoring wrangler dev --remote — Use remote mode to test D1, R2, and KV with real data.

<a name="bahasa-indonesia"></a>

Bahasa Indonesia

Integrasi Orkestrasi

Terhubung dan mengorkestrasi bersama skill domain:

  • Backend Edge & API: js-backend-expert (Hono v4 di Workers, V8 isolates), api-design-expert (endpoint REST & RPC di edge), dan sse-websocket-streaming-expert (WebSocket Durable Objects).
  • Penyimpanan Edge & Database: database-orm-expert (Drizzle dengan D1, pooling Hyperdrive), file-upload-media-expert (presigned URL R2), dan vector-db-rag-expert (Vectorize & Workers AI).
  • Frontend & Cloud: cloud-hosting-expert (custom domain, aturan CDN), senior-frontend (Workers Static Assets), dan anti-slop (arsitektur edge bersih tanpa jebakan polyfill node:fs).
  • Siklus Hidup & DevOps: ci-cd-devops-architect (deployment Wrangler via GitHub Actions), brainstorming, dan zero-to-prod-orchestrator (Fase 4: Backend & APIs).

Deskripsi

Panduan ahli untuk membangun aplikasi full-stack edge menggunakan ekosistem Cloudflare Workers. Mencakup runtime Workers, D1 (SQLite di edge), KV (key-value store), R2 (object storage kompatibel S3), Queues (antrean pesan), Durable Objects (stateful edge), Hyperdrive (connection pooling database), Workers AI (inferensi di edge), dan Wrangler CLI untuk pengembangan dan deployment.

Kondisi Pemicu

  • Membangun aplikasi edge serverless di Cloudflare Workers.
  • Menggunakan D1 sebagai database SQLite di edge.
  • Menyimpan file dengan R2 (kompatibel S3, tanpa biaya egress).
  • Mengimplementasikan KV untuk caching key-value terdistribusi.
  • Membangun aplikasi stateful dengan Durable Objects.
  • Menyiapkan Queues untuk pemrosesan job async di edge.

Pola Arsitektur Inti

1. Ekosistem Cloudflare Workers

LayananFungsiAnalogi
WorkersRuntime serverless di edge (V8 isolates)AWS Lambda@Edge
D1Database SQLite di edgePlanetScale / Turso
KVKey-value store terdistribusiRedis (read-heavy)
R2Object storage (S3-compatible)AWS S3 (tanpa biaya egress)
QueuesAntrean pesanAWS SQS / BullMQ
Durable ObjectsState persisten di edgeStateful actors
HyperdriveConnection pooling ke DB eksternalPgBouncer di edge
Workers AIInferensi model AI di edgeReplicate / Together AI

2. Praktik Terbaik

  • Gunakan D1 untuk workload read-heavy di edge.
  • Gunakan KV untuk cache panas (konfigurasi, feature flags, sesi).
  • Gunakan R2 untuk aset (tanpa biaya egress, API kompatibel S3).
  • Gunakan Queues untuk pekerjaan async (email, notifikasi, pemrosesan gambar).
  • Gunakan Hyperdrive untuk koneksi ke database PostgreSQL/MySQL eksternal.
  • Gunakan waitUntil() untuk operasi fire-and-forget (logging, analitik) setelah respons dikirim.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

A2A agent protocol interoperability, Agent Cards, and MCP bridging / Protokol agen A2A, Agent Cards, dan integrasi MCP.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance / Panduan ahli pengujian aksesibilitas web.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Web accessibility testing with axe-core, Playwright, and WCAG 2.2 / Pengujian aksesibilitas web axe-core, Playwright, dan WCAG 2.2.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Expert guide for intelligent model cascading and routing — complexity-scored task routing from Flash/Haiku to Sonnet/Opus/Astra, dynamic escalation with quality gates, 40-60% token cost reduction while maintaining output quality / Panduan ahli untuk kaskade dan routing model cerdas — routing tugas berbasis skor kompleksitas dari Flash/Haiku ke Sonnet/Opus/Astra, eskalasi dinamis dengan gerbang kualitas, pengurangan biaya token 40-60% dengan kualitas output terjaga.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Model cascading & complexity-scored routing (Grok, Gemini, Claude) / Routing kaskade model & scoring kompleksitas (Grok, Gemini, Claude).

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

Affective computing, emotion AI, and multimodal sentiment analysis / Komputasi afektif, AI emosional, dan analisis sentimen multimodal.

日本語の概要は準備中です。原文の説明を表示しています。

roedyrustam/vibes-plug1152026年10月27日 更新

roedyrustam のスキルをすべて見る

このスキルの問題を報告する