Next.js 16+vinextの画像配信:R2・キャッシュ・Markdown
Next.js 16/vinextで、管理画面からアップロードした画像をImages bindingでWebP化し、一時R2オブジェクトから内容ハッシュのキーへ昇格する流れを説明します。D1の参照管理と同一オリジン配信も扱います。
記事を読むgrep -R ./posts
キーワードやタグで記事を検索できます。例: Next.js / Cloudflare / セキュリティ
stdout: 6 hit(s)
Next.js 16/vinextで、管理画面からアップロードした画像をImages bindingでWebP化し、一時R2オブジェクトから内容ハッシュのキーへ昇格する流れを説明します。D1の参照管理と同一オリジン配信も扱います。
記事を読むno-routesでWorkerのバージョンをアップロードする運用を対象に、デプロイ後のトラフィック配分を確認し、Current Version 100%まで検証する手順を説明します。
記事を読む一人用管理画面の認証を、Turnstileのhostname・action検証、D1のレート制限、メールOTP、署名付きセッション、残る列挙リスクまで実装に沿って説明します。
記事を読む1文字はLIKE、2文字はbigram、3文字以上はtrigramへ振り分け、経路ごとのフォールバックと前進のみのマイグレーションを説明します。
記事を読むこのブログ自体の構成を題材に、Cloudflare Workers、D1、R2、Next.js(Vinext)で個人ブログを作るときの構成図、設計判断、つまずきやすい点を具体的に説明します。
記事を読むこのブログを支えるNext.js 16、Vinext、Cloudflare Workers、D1/R2、管理画面のSearXNGとCrawl4AIが、どのように役割分担しているかを説明します。
記事を読む