nxのNext.jsでもOn-demand Incremental Static Regenerationしたい

On-demand Incremental Static Regenerationはこれ
https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta

api叩くと特定のパスのキャッシュをrevalidateに限らず再作成してくれるやつ

素のNext.jsではこれで出来る
https://zenn.dev/shimabukuromeg/articles/955cea236650d4

nxはこれ

https://nx.dev/

おもむろにnxのNext.jsプロジェクトを作る

https://nx.dev/next/overview

npx create-nx-workspace@latest --preset=next.

vercelにデプロイするときはvercelのビルド設定を変える必要があるっぽい
https://nx.dev/guides/deploy-nextjs-to-vercel

vercelのデプロイ、masterにpushするだけでいいんだけど時々謎のエラーを吐いて落ちてる
ReDeployすればいいだけだけど

そのままpages/api/revalidate.jsを作って呼び出すとエラーになる

Error: "hostname" and "port" must be provided when starting next to use "unstable_revalidate". 
See more here https://nextjs.org/docs/advanced-features/custom-server

https://github.com/serverless-nextjs/serverless-next.js/issues/2402

カスタムサーバー使ってるみたいだからserver.jsにhostnameと portを足せばいいと言ってるように見える
server.jsないが？

それっぽいのはproject.jsonかな
serveのoptionsにとりあえず"hostname": "localhost","port": 4200追加してみる

動いた。ちゃんとキャッシュも削除されているっぽい

Vercel上でもとりあえずこれで動いてはいるがカスタムサーバーとserver.jsがどういうものなのかは別途調べないといけない

検証したリポジトリとデプロイしたもの
https://github.com/iteduki/nx-isr-test

https://nx-isr-test.vercel.app/

rewritesルールを設定しているときにrewritesする側のパスでもrevalidate出来るのか試す

https://nextjs.org/docs/api-reference/next.config.js/rewrites

nxでrewritesを書く場合はwithNxの引数に食わせる感じらしい

https://github.com/iteduki/nx-isr-test/blob/main/apps/nx-isr-test/next.config.js#L16

デプロイして試した。
rewritesしたURLでもきちんとrevalidate動作していそう。