⚒️

M1macでNetlify Cmsを動かす

2022/06/16に公開

みなさんこんにちはサクです。
今日はnetlifyの画面を起動するところまでを解説します。
netrifyについては記述しませんのでご注意ください(まだやってないのでよかったら教えてください)
今回動作した環境はこちらです。

その他については記述通りにやれば大丈夫だと思います。

HomeBrewのインストール(終わっている方は大丈夫です)

これは簡単です

ターミナル
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

これでOKです

NodeBrew ・Nodejsのインストール (終わっているかたは大丈夫です)

こちらもすぐできますこのコードを実行します。

ターミナル
brew install nodebrew 

実行できたらNodebrewのインストールはOKです。

次にNodejsのインストールですホームページからインストールしてもいいのですが、
バージョンが違ってエラーが出る可能性があるので、ターミナルからインストールしましょう。
ターミナルでこれを実行してください

ターミナル
nodebrew install-binary v17.0.0 

これで対応したバージョンのnodejsがインストールできました次のステップに進みましょう。

起動するための準備

四つ準備することがあります

  1. netlifyデータのダウンロード
  2. lernaのインストール
  3. yarnのインストール,エラー対処
  4. nodejsの実行

netlifyデータのダウンロード

netlify-cmsと言うデータをダウンロードします。
これはコマンド一つでできますがgitコマンドを使えるようにする必要があります

gitコマンドが使える方は

ターミナル
brew upgrade git

を実行してください

gitコマンドが使えない場合は

ターミナル
brew install git
echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.zshrc
source ~/.zshrc

を実行してください

ターミナル
git clone https://github.com/netlify/netlify-cms 

これを実行することでダウンロードは完了です。

lernaのインストール

次はlernaをインストールします。
lernaはこのコマンドを実行すればインストールできます。

ターミナル
brew install lerna 

これでlernaのインストールは完了です

yarnのインストール,エラー対処

僕だけかもしれませんがnetlifiを実行するとエラーが出たのでエラー対処を先に載せておきます。

ログ
lerna notice cli v4.0.0
lerna ERR! yarn install --mutex network:42424 --non-interactive exited 2 in 'netlify-cms'
lerna ERR! yarn install --mutex network:42424 --non-interactive exited 2 in 'netlify-cms'

と言うエラーが出るので対処法を書いておきます。

yarnをインストール

まずyarnをインストールします。

ターミナル
corepack enable

これでインストールできます

エラー対処

これを実行することでエラー対処できます。

ターミナル
 yarn install --mutex network:42424 --non-interactive 

nodejsの実行

nodejsを起動します、これで準備は終わりです。

ターミナル
nodebrew use v17.0.0 

これで準備が終了しました

Netlifyの実行

最後にNetlifyを実行します。

ターミナル
npm run bootstrap 

これが出ればOKです。

ログ
I  Netlify CMS is now running at http://localhost:8080

このリンクにアクセスしましょう
この画面が出ればOKです。

まとめ

この記事を見ればできると思いますができなかったら自分で調べてみてください。
間違っていると思ったら教えていただけると嬉しいです。
質問もお待ちしています。
最後までご覧いただき有難うございました。

Discussion