実現したいこと
Next.js13 でmicroCMSの記事一覧・記事を取ってこれるようにしたい。
前提
Next.js13を使っている
microCMSを使う
ここに質問の内容を詳しく書いてください。
Next.jsとmicroCMSでブログサイトを作りたいです。
テキスト、microCMSが公式で出しているドキュメントを参考にしました。
しかしNext.js13からgetStaticPropsがapp内で使えなくなったと。
発生している問題・エラーメッセージ
エラーメッセージ ./src/app/blog/page.js ReactServerComponentsError: "getStaticProps" is not supported in app/. Read more: https://nextjs.org/docs/app/building-your-application/data-fetching
該当のソースコード
Next.js
1export const getStaticProps = async () => { 2 const data = await client.get({ endpoint: 'blog' }) 3 4 return { 5 props: { 6 blog: data.contents, 7 }, 8 } 9}
試したこと
以下の記事や公式ディレクトリで紹介されているような事は試しましたが、イマイチうまくいきません。
また、getStaticPropsを使っているパターンが多く、悩んでます。
https://blog.microcms.io/nextjs13-microcms-rsc/
補足情報(FW/ツールのバージョンなど)
teratailで似たような質問されている方がいて、自己解決されたとあります。
直接コンポーネントでやったら出来た。と書いてありますが、それすらもわかりません。
https://teratail.com/questions/371222
またレンダリングオプションを指定する方法があるようなのですが、ドキュメントを見ても書き方がわかりません。
https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#parallel-data-fetching
NextやReactをまだまだ始めたばかりで、質問内容も的をいない部分があるかもしれませんが、何卒よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。