Next.js（SG） + SWR + Recoil + TypeScript でAPIグルメ検索（自動更新機能付き）
私はこうして文章を書いていますが、去年書いた文章はすべて不満であり、いま書いている文章も、また来年見れば不満でありましょう。それが進歩の証拠だと思うなら楽天的な話であって、不満のうちに停滞し、不満のうちに退歩することもあるのは、自分の顔が見えない人間の宿命でもあります。自分の文章の好みもさまざまに変化して行きますが、かならずしも悪い好みから良い好みに変化してゆくとも言いきれません。それでもなおかつ現在の自分自身にとって一番納得のゆく文章を書くことが大切なのであります。 ―― 三島由紀夫『文章読本-新装版』 (中公文庫) p.195 制作したもの。 API を用い、グルメ検索ページを作ります。 使用する API は、リクルート社のホットペッパーグルメ グルメサーチ API です[1]。 主な技術構成は、 Next.js / Static Generation SWR[2] Recoil Ty
【 Next.js 】Static Generation + useSWR で、データ更新、最新のデータ表示を可能にする。
「四間飛車の極意を一言でいうと何でしょう？」 ファンの質問に私はいつもこう答えます。 「相手の力を利用して、投げる、でしょうか。」 ―― 将棋棋士 藤井猛『四間飛車を指しこなす本〈1〉』（2000/3/24）河出書房新社 実現したいコンセプト Next.js の Static Generation (略して SG[1]。以前でいうところのSSG(Static Site Generation))を利用し、ハイパフォーマンスなページを作りたい。 （Google Lighthouse で100点を取りたい。） Static Generation を利用しつつ、ページのデータを更新したい。 特に、SSG と呼ばれていた時代、更新が多いページは、SSG には適さないと言われていた。 ページを表示したとき、最新のデータが表示されるようにしたい。 => データの強整合性(Strong Consisten
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
