🎧
Next.js(App Router) + ISR + Vercel + MicroCMSで実装した時にハマったポイント
- App Routerのキャッシュについて深く理解しよう
子ページは問題なかったが、トップページでrevalidate('/')
でキャッシュをパージしても、5~10分経っても変化がなかった。
→ Vercelの管理画面からキャッシュをパージするか、時間が解決するのか...現在調査中。
- Webhookからのリクエストヘッダーの扱い方
Node.jsと同じようにRequest.header['x-xxx-xxx']
とデータを取得するのではなく、
以下のようにheaders
メソッドを読み込んで使うと上手くいく。
import { headers } from 'next/headers';
export async function POST(request: Request) {
try {
const headersList = headers();
...
- Webhookからのリクエストボディーの扱い方
リクエストボディーは以下のように、jsonメソッドでPromiseを受け取り、awaitを使って解決したデータを扱うとうまくいく
const requestBodyData = await request.json();
参考
Discussion