日本製のHeadless CMS、microCMSをさわってみる。その9 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ ラーメンコンテンツの描画 前回作ったコンテンツを描画していきます。 curlは python -mjson.tool …

日本製のHeadless CMS、microCMSをさわってみる。その8 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ サブドメインあてる 前回 と同じ用に設定。 サブドメインつきで https://ramen.yuheijotaki.dev/ …

日本製のHeadless CMS、microCMSをさわってみる。その7 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ webhook設定 microCMSを更新したら自動ビルドが走るようにするのでwebhookの設定を行う。 参考： …

日本製のHeadless CMS、microCMSをさわってみる。その6 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ generate設定 Gitにプッシュした際に、APIから記事一覧情報取得して詳細ページを生成する必要があ…

日本製のHeadless CMS、microCMSをさわってみる。その5 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ API連携（詳細ページ） 詳細ページを作成する。 Nuxtでは pages/_id.vue とすると pages/[ContentI…

日本製のHeadless CMS、microCMSをさわってみる。その4 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ API連携（一覧ページ） .env設定 まず.envにAPIキーなど環境設定を行います。 下記の記事通りでい…

日本製のHeadless CMS、microCMSをさわってみる。その3 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ モジュールのインストール sass-loader node-sass （.scss） @nuxtjs/style-resources （共通読み…

日本製のHeadless CMS、microCMSをさわってみる。その2 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ Nuxtのインストール GitHubでリポジトリ作ってNuxtプロジェクトを作成 $ npx create-nuxt-app [Pro…

日本製のHeadless CMS、microCMSをさわってみる。その1 GitHub: https://github.com/yuheijotaki/micro-cms-ramen Netlify: https://ramen.yuheijotaki.dev/ やること microCMSでコンテンツ入稿、API作成 Nuxtでフロント構築 Netliftyでホスティング microCM…