Netlify

Netlify で $ gulp build がビルドエラーになってしまう

いつもどおりNetlifyでGulp使ったプロジェクトをデプロイしようとしたらエラーが出てちょっと詰まったのでメモ。 管理画面側でDeploy Settingsからもビルドコマンドなど設定してましたがログに Error running command: Build script returned non-zero exit …

microCMS をさわってみる その9

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

microCMS をさわってみる その8

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

microCMS をさわってみる その7

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

microCMS をさわってみる その6

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

microCMS をさわってみる その5

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

microCMS をさわってみる その4

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

microCMS をさわってみる その3

日本製の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 (共通読み…

microCMS をさわってみる その2

日本製の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…

microCMS をさわってみる その1

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

WordPress + Nuxt.js でポートフォリオサイトを作る その13

WordPressサイト(https://works-wp.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その13 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works.yuheijotaki.dev/ 高速化/最適化 Chorme の Audits …

WordPress + Nuxt.js でポートフォリオサイトを作る その12

WordPressサイト(https://works-wp.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その12 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works.yuheijotaki.dev/ ドメイン紐付け コンテンツ登録や調…

WordPress + Nuxt.js でポートフォリオサイトを作る その11

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その11 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ Google Analyticsの追加 Google…

WordPress + Nuxt.js でポートフォリオサイトを作る その10

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その10 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ meta 設定 トップと詳細で出力…

WordPress + Nuxt.js でポートフォリオサイトを作る その9

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その9 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ Pugで v-if Pugで v-if を使う <template lang="pug"> </template>…

WordPress + Nuxt.js でポートフォリオサイトを作る その8

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その8 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ dataで取得したカラーコードをcs…

WordPress + Nuxt.js でポートフォリオサイトを作る その7

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その7 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ 外部リソースの(インストールし…

WordPress + Nuxt.js でポートフォリオサイトを作る その6

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その6 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ 前回から1ヶ月ほど空いてしまい…

WordPress + Nuxt.js でポートフォリオサイトを作る その5

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その5 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ Pug と Nuxt.js(Vue.js) はじめ…

WordPress + Nuxt.js でポートフォリオサイトを作る その4

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その4 GitHub: https://github.com/yuheijotaki/works-nuxt Netlify: https://works-yuheijotaki.netlify.com/ Netlify にデプロイ Netlifyのサ…