エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.js + Vercel で OGP の画像を動的に生成する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.js + Vercel で OGP の画像を動的に生成する
はじめに OGP を node-canvas で画像を生成し、返却する API を Next.js で実装しました import { creat... はじめに OGP を node-canvas で画像を生成し、返却する API を Next.js で実装しました import { createCanvas } from 'canvas'; export default async (req, res) => { const canvas = createCanvas(1200, 630); const ctx = canvas.getContext('2d'); ctx.font = '20px'; ctx.fillText('hoge', 60, 120); const buf = canvas.toBuffer(); const cacheAge = 7 * 24 * 60; res.setHeader('Content-Type', 'image/png'); res.setHeader('Content-Length', bu