Netlify へデプロイするには?

Netlify へのデプロイは 静的に生成された Nuxt.js サイトを迅速にオンライン化するための低摩擦オプションです。

このプロセスの中核は、デプロイ中に Nuxt.js アプリケーションの静的なバージョンを dist ディレクトリ内にビルドする nuxt generate コマンドです。 このディレクトリの内容は、プロダクション URL にデプロイされます。

はじめに

Netlify ダッシュボードの "New site from Git" ボタンを押下します。レポジトリホストで認証を行い、デプロイするレポジトリを選択、続行します。ステップ 3 : "ビルドオプションとデプロイ!"に進んでください。

操作:

  1. ブランチをデプロイする: master もしくは デプロイしたいブランチ
  2. ビルドコマンド: npm run generate
  3. 公開ディテクトリ: dist

オプションで、"Advanced" ボタンを使用して ENV 変数を追加することができます。これらは代替 API 資格情報などを交換する際に役立ちます。Netlify はまた、ビルド時に Nuxt.js アプリケーションで読み取れる デフォルトの ENV 変数 を提供します。

"Deploy site" をクリックすると、すぐにデプロイが開始されます。Netlify サイトにランダムな値の URL が割り当てられ、nuxt generate コマンドを使用してデプロイされます。

やりました!これで Nuxt.js アプリケーションは Netlify でホストされるようになりました!

間違いを見つけた、またはドキュメントに貢献したいですか? GitHub でこのページを編集する