microCMSで用意したデータをGridsomeで表示させる - Qiita

microCMSは純日本製のHeadlessCMSで、分かりやすいUIと完全日本語対応が最高に使いやすいサービスです。 この記事ではGridsomeというSSGを使い、microCMSで用意したデータを取得し、GraphQLに変換し画面に表示するまでの流れをメモ代わりに書いていきたいと思います。 実装概要 流れとしては、 『お知らせ』をmicroCMSに投稿 Gridsomeのサーバ起動時にmicroCMSからデータ取得 GraphQLに変換しindex.vueに一覧表示 していきたいと思います。 microCMSでデータを準備 こちらの手順 に従い、お知らせデータの作成を行います。 APIスキーマ 中身 microCMSでの作業は以上です。簡単！ Gridsome プロジェクト作成 これも公式ドキュメント通りにすれば問題なく作成できるはず。 それと dotenv と axios を使用す