ブログこのサイトについて自己紹介お問い合わせフロントエンドエンジニアが「Web」「Youtube」「3D」「お金」「お買い物情報」など、興味があることについて深堀っていくブログです。HomewebのことNextでカテゴリなどgetStaticPropsを使って共通で定義したいけどできなかったので、別の方法での解決策NextでカテゴリなどgetStaticPropsを使って共通で定義したいけどできなかったので、別の方法での解決策2021年10月4日2022年1月10日webのことmicroCMSNext.jsTwitterFacebookHatenaPocketpagesでカテゴリやタグをgetStaticPropsで定義していたのですが、ページごとにjsonが吐き出されてしまって、共通にしたい内容なのにページごとのjsonに同じ内容が含まれてしまっていました。_app.tsxでgetStaticPropsを使って共通化すれば良いかなと思ったのですが、pages内でしか使えないようでした。一工夫して解決してみました。考え方Nodeであらかじめ、microCMSの必要なデータを取得してjsonで吐き出しておく。generateCmsDataを合わせて実行するようにしています。下記のような感じurilsにserverGenerateCmsDataをいれてNAME,KEYを入れて実行します。フィルターや降順、昇順などの指定コードの説明まず件数を0件で取得して、何件登録されているかのtotalCountを取得しています。}))吐き出したコードをを使う実際に吐き出したjsonを使う場合はimportして使っています。'~/const/microcms.json'console.log(cmsData.categories.contents)まとめ下記参考にさせていただきました。)でgetStaticPropsが使えなかったのでgetInitialPropsを使おうと思ったけどやめたNextデフォルトの機能で、共通で使えるgetStaticProps的なのがあればよいんですけどね。Nextも日々進化してるので、新しい機能でてきたら書き直したいですね。TwitterFacebookHatenaPocket前の記事LINEスタンプ「アブブ」作りました。microCMSでページング「react-paginate」を使っての実装方法2021年9月21日おすすめの本Javascriptを勉強する際に読んでおくと良いなと思った本たちです。リーダブルコードは綺麗なコードを書く考え方が身に付きます。いまでもその考え方が根付いています。bloom」2021年9月20日フロントエンドやデザインを教えるメンター(Menta)はじめました。2021年9月6日サイトのことWebのこと、Youtubeのこと、3Dのこと、お金のこと、お買い物情報など、興味があることを深堀って記事にしてます。