Next.js + microCMS SSG example.
Next.jsのgetStaticPropsとgetStaticPaths を使ってmicroCMSのデータを取得して、静的にビルドするサンプル。
まず最初にmicroCMS側でコンテンツモデルを作成する必要があります。
API名 - ブログ
エンドポイント - blogs
$ yarn install
.env.development.localを作成。
$ touch .env.development.local
microCMSで取得しAPIキーとエンドポイントをenvファイルに記述。
API_KEY=xxxxx
ENDPOINT=https://your.microcms.io/api/v1
アプリケーションの立ち上げ
$ yarn dev
$ yarn export