ブログ更新時にNext.jsのOn Demandを利用する

流れ

revalidateを利用したapiを作成

記事更新時にapiを呼び出す

データの連携方法
data fetchingを使用
https://nextjs.org/docs/basic-features/data-fetching/client-side

fetchはブラウザ標準の機能であるためライブラリなどの追加は必要なし。

第一引数にapiの場所を指定

setDoc(ref, post).then(() => {
    //fetchのコード追加
    fetch('/api/profile-data')
        .then((res) => res.json())
        .then((data) => {
            setData(data)
            setLoading(false)
    })
　　//↑ここにfetchのコード追加
   
   alert(`記事を${isEditMode ? '更新' : '作成'}しました`)
});