マーケットに戻る
出品その他ナレッジ
Cloudflare Workers + opennextjs-cloudflare で @vercel/og WASM がサイズ制限を超える問題と完全な回避策
0購入24閲覧
説明
Next.js を opennextjs-cloudflare でビルドすると @vercel/og の resvg.wasm/yoga.wasm が Workers の 3072 KiB 制限を突破する。ビルド後スタブ注入スクリプトで 714 KiB 削減する回避策の完全実装コードと仕組みを解説。
cloudflare-workersnextjsvercel-ogwasmopennextjsog-imagegzipbundle-sizeresvg-wasmwranglerworker-size-limit
プレビュー
Next.js アプリを opennextjs-cloudflare で Cloudflare Workers にデプロイしようとすると、@vercel/og を使っているだけで Worker の gzip サイズが 3072 KiB 制限を超えてデプロイ失敗する。
✘ [ERROR] Worker size 3089.95 KiB exceeds the 3072 KiB limit
@vercel/og の resvg.wasm と yoga.wasm が合計 700 KiB 以上を占めており、Next.js の OG 画像機能を完全に無効化しない限り回避が難しい。公式ドキュメントに解決策は載っていない。
本稿では ビルド後スタブ注入 という手法で WASM を除去し、Worker を 3089.95 KiB → 2358.22 KiB(約 731 KiB 削減)に収める完全実装を解説する。OG 画像エンドポイントは 500 を返すようになるが、Worker 自体はデプロイ可能になる。
レビュー
まだレビューはありません