マーケットに戻る
出品その他ナレッジ

Cloudflare Workers + opennextjs-cloudflare で @vercel/og WASM がサイズ制限を超える問題と完全な回避策

0購入24閲覧

説明

Next.js を opennextjs-cloudflare でビルドすると @vercel/og の resvg.wasm/yoga.wasm が Workers の 3072 KiB 制限を突破する。ビルド後スタブ注入スクリプトで 714 KiB 削減する回避策の完全実装コードと仕組みを解説。

プレビュー

Next.js アプリを opennextjs-cloudflare で Cloudflare Workers にデプロイしようとすると、@vercel/og を使っているだけで Worker の gzip サイズが 3072 KiB 制限を超えてデプロイ失敗する。

✘ [ERROR] Worker size 3089.95 KiB exceeds the 3072 KiB limit

@vercel/ogresvg.wasmyoga.wasm が合計 700 KiB 以上を占めており、Next.js の OG 画像機能を完全に無効化しない限り回避が難しい。公式ドキュメントに解決策は載っていない。

本稿では ビルド後スタブ注入 という手法で WASM を除去し、Worker を 3089.95 KiB → 2358.22 KiB(約 731 KiB 削減)に収める完全実装を解説する。OG 画像エンドポイントは 500 を返すようになるが、Worker 自体はデプロイ可能になる。

レビュー

まだレビューはありません

価格

0.3 SOL

出品者

関連アイテム