この記事は10月1日に行われたJamstackオンラインワークショップ #4「microCMS × Next編」の内容を記事にしたものです。 microCMSとNext.jsを組み合わせて、Jamstackなブログを作成することができます。 こちらが本ワークショップのイベントページです。 Jamstackオンラインワークショップ #4「microCMS × Next編」 前提下記のバージョンで開発を行っています。バージョンの差異によって若干機能が異なる可能性があります。 Next 10.0.1react 17.0.1react-dom 17.0.11. Next.jsプロジェクトを用意するまずは、Next.jsのプロジェクトを作成していきます。プロジェクトの雛形を作成するCLIがあるので、コマンドを入力して作成していきましょう。 $ npx create-next-app microcms
![microCMS + Next.jsでJamstackブログを作ってみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca3fd056313eacd21af08835b8f3b856d6ab2732/height=288;version=1;width=512/https%3A%2F%2Fimages.microcms-assets.io%2Fprotected%2Fap-northeast-1%3Af6a90bbf-db9f-4b4a-8bc8-93d66a77ea58%2Fservice%2Fmicrocms%2Fmedia%2Fmicrocms-next-jamstack-blog-ogp.png)