100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
日本語の概要は準備中です。原文の説明を表示しています。
Cloudflare Workers KV global key-value storage. Use for namespaces, caching, TTL, or encountering KV_ERROR, 429 rate limits, consistency issues.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Status: Production Ready ✅ | Last Verified: 2025-12-27
Global key-value storage on Cloudflare edge:
bunx wrangler kv namespace create MY_NAMESPACE
bunx wrangler kv namespace create MY_NAMESPACE --preview
{
"name": "my-worker",
"main": "src/index.ts",
"compatibility_date": "2025-10-11",
"kv_namespaces": [
{
"binding": "MY_NAMESPACE",
"id": "<PRODUCTION_ID>",
"preview_id": "<PREVIEW_ID>"
}
]
}
export default {
async fetch(request, env, ctx) {
// Write
await env.MY_NAMESPACE.put('key', 'value');
// Read
const value = await env.MY_NAMESPACE.get('key');
// Delete
await env.MY_NAMESPACE.delete('key');
return new Response(value);
}
};
Load references/setup-guide.md for complete setup.
// Basic
await env.MY_NAMESPACE.put('key', 'value');
// With TTL (1 hour)
await env.MY_NAMESPACE.put('key', 'value', {
expirationTtl: 3600
});
// With expiration timestamp
await env.MY_NAMESPACE.put('key', 'value', {
expiration: Math.floor(Date.now() / 1000) + 3600
});
// With metadata
await env.MY_NAMESPACE.put('key', 'value', {
metadata: { role: 'admin', created: Date.now() }
});
// Simple get
const value = await env.MY_NAMESPACE.get('key');
// With type
const text = await env.MY_NAMESPACE.get('key', 'text');
const json = await env.MY_NAMESPACE.get('key', 'json');
const buffer = await env.MY_NAMESPACE.get('key', 'arrayBuffer');
const stream = await env.MY_NAMESPACE.get('key', 'stream');
// With metadata
const { value, metadata } = await env.MY_NAMESPACE.getWithMetadata('key');
await env.MY_NAMESPACE.delete('key');
// Basic list
const { keys } = await env.MY_NAMESPACE.list();
// With prefix
const { keys } = await env.MY_NAMESPACE.list({
prefix: 'user:',
limit: 100
});
// Pagination
const { keys, cursor } = await env.MY_NAMESPACE.list({
cursor: previousCursor
});
const cacheKey = `api:${url}`;
let cached = await env.MY_NAMESPACE.get(cacheKey, 'json');
if (!cached) {
cached = await fetch(url).then(r => r.json());
await env.MY_NAMESPACE.put(cacheKey, JSON.stringify(cached), {
expirationTtl: 300 // 5 minutes
});
}
return Response.json(cached);
const userId = '123';
const preferences = {
theme: 'dark',
language: 'en'
};
await env.MY_NAMESPACE.put(
`user:${userId}:preferences`,
JSON.stringify(preferences),
{
metadata: { updated: Date.now() }
}
);
const key = `ratelimit:${ip}`;
const count = parseInt(await env.MY_NAMESPACE.get(key) || '0');
if (count >= 100) {
return new Response('Rate limit exceeded', { status: 429 });
}
await env.MY_NAMESPACE.put(key, String(count + 1), {
expirationTtl: 60 // 1 minute window
});
const { keys } = await env.MY_NAMESPACE.list({
prefix: 'user:',
limit: 100
});
const users = await Promise.all(
keys.map(({ name }) => env.MY_NAMESPACE.get(name, 'json'))
);
export default {
async fetch(request, env, ctx) {
// Don't wait for KV write
ctx.waitUntil(
env.MY_NAMESPACE.put('analytics', JSON.stringify(data))
);
return new Response('OK');
}
};
Key Limits:
Rate Limits:
For detailed limits, pricing, and optimization strategies, load references/limits-quotas.md
KV is eventually consistent:
Pattern:
// Write
await env.MY_NAMESPACE.put('key', 'value');
// May not be visible immediately in other regions
const value = await env.MY_NAMESPACE.get('key'); // Might be null
Load specific reference files based on task context:
For Setup & Configuration:
references/setup-guide.md when creating namespaces or configuring bindingsFor Performance Optimization:
references/best-practices.md when implementing caching or optimizing performancereferences/performance-tuning.md for advanced optimization scenarios, cacheTtl strategies, or benchmarkingFor API Usage:
references/workers-api.md when implementing KV operations or need method signaturesFor Troubleshooting:
references/troubleshooting.md when debugging errors or consistency issuesFor Limits & Quotas:
references/limits-quotas.md when planning capacity or encountering quota errorsFor Migration:
references/migration-guide.md when migrating from localStorage, Redis, D1, R2, or other storage solutionsReferences (references/):
best-practices.md - Production patterns, caching strategies, rate limit handling, error recoverysetup-guide.md - Complete setup with Wrangler CLI commands, namespace creation, bindings configurationworkers-api.md - Complete API reference, consistency model (eventual consistency), limits & quotas, performance optimizationtroubleshooting.md - Comprehensive error catalog with solutionslimits-quotas.md - Detailed limits, quotas, pricing, and optimization tipsmigration-guide.md - Complete migration guides from localStorage, Redis, D1, R2, and other storage solutionsperformance-tuning.md - Advanced cacheTtl strategies, bulk operations, key design, benchmarking techniquesTemplates (templates/):
kv-basic-operations.ts - Basic KV operations (get, put, delete, list)kv-caching-pattern.ts - HTTP caching with KVkv-list-pagination.ts - List with cursor paginationkv-metadata-pattern.ts - Metadata usage patternswrangler-kv-config.jsonc - KV namespace bindingsScripts (scripts/):
check-versions.sh - Validate KV API endpoints and package versionstest-kv-connection.sh - Test KV namespace connection and operationssetup-kv-namespace.sh - Interactive namespace setup wizardvalidate-kv-config.sh - Validate wrangler.jsonc configurationanalyze-kv-usage.sh - Analyze code for KV usage patterns and optimizationsCommands:
/cloudflare-kv:setup - Interactive KV namespace setup wizard/cloudflare-kv:test - Test KV operations and connection/cloudflare-kv:optimize - Analyze and optimize KV usageAgents:
kv-optimizer - Analyzes KV usage and suggests performance optimizationskv-debugger - Helps debug KV errors and consistency issuesExamples (examples/):
rate-limiting/ - Complete rate limiting implementation (fixed window, sliding window, token bucket, multi-tier)session-management/ - Production session store with TTL expiration, metadata tracking, and admin controlsapi-caching/ - HTTP response caching patterns (cache-aside, stale-while-revalidate, conditional caching, ETag)config-management/ - Feature flags, A/B testing, environment configs, version tracking, hot-reloadQuestions? Issues?
references/setup-guide.md for complete setupまだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
日本語の概要は準備中です。原文の説明を表示しています。
Secure API authentication with JWT, OAuth 2.0, API keys. Use for authentication systems, third-party integrations, service-to-service communication, or encountering token management, security headers, auth flow errors.
日本語の概要は準備中です。原文の説明を表示しています。
Creates comprehensive API changelogs documenting breaking changes, deprecations, and migration strategies for API consumers. Use when managing API versions, communicating breaking changes, or creating upgrade guides.
日本語の概要は準備中です。原文の説明を表示しています。
Verifies API contracts between services using consumer-driven contracts, schema validation, and tools like Pact. Use when testing microservices communication, preventing breaking changes, or validating OpenAPI specifications.
日本語の概要は準備中です。原文の説明を表示しています。
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.
日本語の概要は準備中です。原文の説明を表示しています。
Implements standardized API error responses with proper status codes, logging, and user-friendly messages. Use when building production APIs, implementing error recovery patterns, or integrating error monitoring services.
日本語の概要は準備中です。原文の説明を表示しています。