yuheijotaki.com

microCMS をさわってみる その1

日本製のHeadless CMS、microCMSをさわってみる。その1

f:id:jotaki:20200303155515j:plain

GitHub: https://github.com/yuheijotaki/micro-cms-ramen
Netlify: https://ramen.yuheijotaki.dev/

やること

  • microCMSでコンテンツ入稿、API作成
  • Nuxtでフロント構築
  • Netliftyでホスティング

microCMSの登録

https://app.microcms.io
アカウント登録してとりあえず無料プランではじめる。

・ID、パスワード、認証コードなど入力。
・プロジェクト名、API、エンドポイントを入力。

・APIの型はリスト形式に

f:id:jotaki:20200303155536p:plain

・ひとつスキーマを作成

フィールドID: title
表示名: タイトル
種類: テキストフィールド

f:id:jotaki:20200303155600p:plain

・ひとつコンテンツ入稿

タイトルに タイトル01 と仮で入れて公開。

f:id:jotaki:20200303155613p:plain

ざっくりこれでAPIが作れる。10分もかからないと思います。
次回はNuxtのインストールからやってみます。