質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
CMS

CMS(Content Management System)は複数のユーザーでコンテンツを編集することが可能なWebサイトの管理/構築用のプラットフォームを指します。また、会社単位で運用管理するものはECMと呼びます。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Q&A

0回答

741閲覧

Nuxt.js+microCMSで生成した記事の更新・削除時と、リポジトリ内の別ファイルを更新したときのどれかを行ったとき、Netlifyに自動ビルドしたい

退会済みユーザー

退会済みユーザー

総合スコア0

CMS

CMS(Content Management System)は複数のユーザーでコンテンツを編集することが可能なWebサイトの管理/構築用のプラットフォームを指します。また、会社単位で運用管理するものはECMと呼びます。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

0グッド

0クリップ

投稿2022/01/11 04:02

解決したいこと

Nuxt.js+microCMSで生成した記事の更新・削除時と、リポジトリ内の別ファイルを更新したときのどれかを行ったとき、Netlifyに自動ビルドしたい。

元々自前のHTML,CSS,JavaScriptで静的なWEBサイトをNetlify経由で公開していました。
このサイトにNewsページを追加するにあたってヘッドレスCMSを用いたら効率的ではないかと思い、Nuxt.js+microCMSの公式ドキュメントに行き着きました。
諸々のセッティングは上手くいっていたのですが、ファイルのホスティングというのでしょうか、自動ビルドの設定をどうしたら良いか分からず、色々検索して出たものを試してみましたが解決できませんでした。

利用環境:Windows,Nuxt.js2,microCMS,Netlify
エディタ:VSCode

発生している問題・エラー

12:42:28 AM: ──────────────────────────────────────────────────────────────── 12:42:28 AM: 1. Build command from Netlify app 12:42:28 AM: ──────────────────────────────────────────────────────────────── 12:42:28 AM: ​ 12:42:28 AM: $ npm run generate 12:42:29 AM: npm ERR! Missing script: "generate" 12:42:29 AM: npm ERR! 12:42:29 AM: npm ERR! To see a list of scripts, run: 12:42:29 AM: npm ERR! npm run 12:42:29 AM: npm ERR! A complete log of this run can be found in: 12:42:29 AM: npm ERR! /opt/buildhome/.npm/_logs/2022-01-10T15_42_29_166Z-debug.log 12:42:29 AM: ​ 12:42:29 AM: ──────────────────────────────────────────────────────────────── 12:42:29 AM: "build.command" failed 12:42:29 AM: ──────────────────────────────────────────────────────────────── 12:42:29 AM: ​ 12:42:29 AM: Error message 12:42:29 AM: Command failed with exit code 1: npm run generate 12:42:29 AM: ​ 12:42:29 AM: Error location 12:42:29 AM: In Build command from Netlify app: 12:42:29 AM: npm run generate 12:42:29 AM: ​ 12:42:29 AM: Resolved config 12:42:29 AM: build: 12:42:29 AM: command: npm run generate 12:42:29 AM: commandOrigin: ui 12:42:29 AM: environment: 12:42:29 AM: - CI 12:42:29 AM: - INCOMING_HOOK_BODY 12:42:29 AM: - INCOMING_HOOK_TITLE 12:42:29 AM: - INCOMING_HOOK_URL 12:42:29 AM: - NODE_VERSION 12:42:29 AM: publish: /opt/build/repo/dist 12:42:29 AM: publishOrigin: ui 12:42:29 AM: Caching artifacts 12:42:29 AM: Started saving node modules 12:42:29 AM: Finished saving node modules 12:42:29 AM: Started saving build plugins 12:42:29 AM: Finished saving build plugins 12:42:29 AM: Started saving pip cache 12:42:29 AM: Finished saving pip cache 12:42:29 AM: Started saving emacs cask dependencies 12:42:29 AM: Finished saving emacs cask dependencies 12:42:29 AM: Started saving maven dependencies 12:42:29 AM: Finished saving maven dependencies 12:42:29 AM: Started saving boot dependencies 12:42:29 AM: Finished saving boot dependencies 12:42:29 AM: Started saving rust rustup cache 12:42:29 AM: Finished saving rust rustup cache 12:42:29 AM: Started saving go dependencies 12:42:29 AM: Finished saving go dependencies 12:42:31 AM: Build failed due to a user error: Build script returned non-zero exit code: 2 12:42:31 AM: Creating deploy upload records 12:42:31 AM: Failing build: Failed to build site 12:42:31 AM: Failed during stage 'building site': Build script returned non-zero exit code: 2 12:42:31 AM: Finished processing build request in 18.437273402s

自分で試したこと

公式ドキュメント、その他の資料のことを試しました。

https://blog.microcms.io/microcms-nuxt-jamstack-blog/
https://qiita.com/sakapun/items/25d96f1ce1d76eeda603
https://teratail.com/questions/181411
https://github.com/nuxt/create-nuxt-app/issues/560

WEBサイト開発自体が初学者のため、具体的な仕組みがよく分かっていない可能性もあります。
今回のようにWEBコンテンツの一部にNuxt.jsを用いた例を検索しても上手く出てこず、途方に暮れています。
Nuxt.jsの公式ドキュメントでは「静的ジェネレータの生成の場合」と「サーバーサイドレンダリングのみの場合」で設定が違うようでしたがこれが関係あるのでしょうか?(https://nuxtjs.org/ja/deployments/netlify/#%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%83%89%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%BF%E5%90%91%E3%81%91)

フォルダの構成は

イメージ説明

となっています。
他不足した情報がありましたらお手数ですがご教示くださいませ。
何卒宜しくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問