GatsbyとPrismicで作るJamstackなWebサイト

全3回

静的サイト生成もできるフルスタックなフレームワークであるGatsbyと、ヘッドレスCMSのPrismicを使い、JamstackなWebサイトを実装する方法をステップバイステップで解説します。

第1回を読む

第3回 ニュース一覧画面の実装

GatsbyでPrismicのデータを取得する準備ができたら、GraphQL Data Layerから取得してきたデータを使ってニュース一覧画面を作ります。

第2回 PrismicのデータをGatsbyで取得する準備

GatsbyとPrismicを使う準備をします。Prismicにリポジトリを作成し、GatsbyではPrismicのデータを取得するための設定を進めていきましょう。

第1回 GatsbyとPrismic

GatsbyとPrismicを利用して、JamstackなWebサイトを実装していきます。まずはこの連載を通して作っていくWebサイトはどのようなものか、その全容を解説します。