grep --tag "Cloudflare" ./posts

# タグ: Cloudflare

Next.js 16+vinextの画像配信:R2・キャッシュ・Markdown

Next.js 16+vinextの画像配信:R2・キャッシュ・Markdown

Next.js 16/vinextで、管理画面からアップロードした画像をImages bindingでWebP化し、一時R2オブジェクトから内容ハッシュのキーへ昇格する流れを説明します。D1の参照管理と同一オリジン配信も扱います。

no-routesデプロイ後のWorker有効化を確認する

no-routesデプロイ後のWorker有効化を確認する

no-routesでWorkerのバージョンをアップロードする運用を対象に、デプロイ後のトラフィック配分を確認し、Current Version 100%まで検証する手順を説明します。

TurnstileとメールOTPで作る一人用管理画面の認証設計

TurnstileとメールOTPで作る一人用管理画面の認証設計

一人用管理画面の認証を、Turnstileのhostname・action検証、D1のレート制限、メールOTP、署名付きセッション、残る列挙リスクまで実装に沿って説明します。

D1(SQLite)の日本語全文検索:FTS5 trigramと段階的なフォールバック

D1(SQLite)の日本語全文検索:FTS5 trigramと段階的なフォールバック

1文字はLIKE、2文字はbigram、3文字以上はtrigramへ振り分け、経路ごとのフォールバックと前進のみのマイグレーションを説明します。

Cloudflare Workers+D1+Next.jsで作るブログの設計

Cloudflare Workers+D1+Next.jsで作るブログの設計

このブログ自体の構成を題材に、Cloudflare Workers、D1、R2、Next.js(Vinext)で個人ブログを作るときの構成図、設計判断、つまずきやすい点を具体的に説明します。

このブログの技術構成:Next.js 16、Vinext、SearXNG、Crawl4AI

このブログの技術構成:Next.js 16、Vinext、SearXNG、Crawl4AI

このブログを支えるNext.js 16、Vinext、Cloudflare Workers、D1/R2、管理画面のSearXNGとCrawl4AIが、どのように役割分担しているかを説明します。