タイトル : サイト更新(Gatsby):indexページをちょっと変更
更新日 : 2023-04-02
カテゴリ : プログラミング
タグ :
gatsby   
react   

indexページをちょっと変更しました

以下のページとかにも説明ありますが、1つのコンポーネントにgraphqlは1つです。

GatsbyのデータレイヤーからgraphQLでデータを取得する https://tomiko0404.hatenablog.com/entry/2022/02/20/gatasby-graphql-datalayer

注意:graphqlのクエリは、1つのコンポーネントに1つしか入れられない

index.jsの中でgraphqlを二つ使おうかと思い(ブログとブログ以外の最新10件を別にとりたいだけ)、 indexから呼び出すサブコンポーネントを用意して変更しました。

graphql`
        {
            allMarkdownRemark(
                filter: { frontmatter: { dateModified: { ne: null } , category: { eq: "blog" }} }
                sort: { fields: [frontmatter___dateModified], order: DESC }
                limit: 10
            ) {