PAGINETEで苦しむなら

ここ数日

gatsby-starter-blog テンプレートを使用しているのですが、どうにもこうにも paginate 処理を実装することが出来ない。着手してからかなり時間が経っていたことや commit する前に長いこと突っ走ったからエラーでグチャグチャになったこともあって 評判が良くて paginate が既に実装済みのテンプレート gatsby-starter-lumen に変更することにしました。

サムネイル表示がないけど、おいおい追加します。

設定

ドキュメントが？でしたので、少しメモを取って作業しました。

• 設定ファイルのありか

  • content/config.json

• 日付が us 仕様なので jp 使用にする

  • こちらのサイトを参考にしました。
  • components/Feed/Feed.tsx を修正

    <time
    className={styles.time}
    dateTime={new Date(edge.node.frontmatter.date).toLocaleDateString(
      "ja-JP",
      { year: "numeric", month: "numeric", day: "numeric" },
    )}
    >
    {new Date(edge.node.frontmatter.date).toLocaleDateString("ja-JP", {
      year: "numeric",
      month: "numeric",
    })}
    </time>