年表をページ上に表示する

ryo-i / dai-sengoku-nenpyo

dai-sengoku-nenpyo.vercel.app

0 stars 0 forks source link

Open ryo-i opened 2 years ago

ryo-i commented 2 years ago

基本的にはビートルズDBと同じような構成になると思う

ryo-i commented 2 years ago

APIのレスポンスを受け取ってページ上に表示することはできた。スクリーンショット 2022-09-24 11 29 31

一覧には下記あたりを表示するように整理したい・タイトル・カテゴリ・年月日・場所

ryo-i commented 2 years ago

予定：

・年月日がうまってないところは非表示に・西暦、和暦タグの複数件対応

ryo-i commented 2 years ago

とても苦戦したがようやくページ単位のレスポンスを抽出できた。 APIファイルの中のconsole.logがターミナルに表示できず、苦戦した。スクリーンショット 2022-10-05 4 47 57

ビートルズDBと違って年表は中身が増えていくため、id番号での管理が難しい（urlが変動してしまう） titleで管理したいが名前が重複をしたら最初の1件のみ抽出される。

スプシ上で値の重複をチェックし、重複したら「川中島の合戦(2)」とか番号を振りたい。 https://forest.watch.impress.co.jp/docs/serial/googlesps/1216354.html

ryo-i commented 2 years ago

新規で追加したページが404になることがありそういうページは年表一覧でもリンク取得が404になっている下記の方法でうまくいったっぽい

fallbackとnotFoundを組み合わせてgetStaticPropsのパスの取得終わったら再レンダリングする https://www.gaji.jp/blog/2022/03/07/9263/

ryo-i commented 2 years ago

getStaticPropsにrevalidate: 10をついか（10秒たったら更新） getStaticPathsのfallbackをblockingに

Next.jsのISRで動的コンテンツをキャッシュするときの戦略 https://zenn.dev/catnose99/articles/8bed46fb271e44