Cleavr で Nuxt をデプロイする
Nuxt アプリケーションを Cleavr でどうやってデプロイするのか?
Cleavr は多様な VPS(クラウドホスティング)プロバイダーを統合したサーバーマネジメントコンソールで、Nuxt アプリケーションをホストするサーバーの設定や、Nuxt アプリケーションのデプロイを数回のクリックで実行することができます。
Cleavr には以下のような機能があります:
- Nuxt SSR と静的アプリケーションを実行するためのサーバーのプロビジョニングと設定
- 安全なサーバーと無料の SSL 証明書の提供
- GitHub、GitLab、また Bitbucket のリポジトリからダウンタイムなくコードをデプロイできる
- Nuxt SSR アプリケーション用の PM2(クラスタモードが有効な場合)の自動インストールと設定
- GitHub Actions の統合によって、追加の設定をせずにアプリケーションの構築が可能
前提条件
- Cleavr アカウントが VPS、バージョン管理(例: GitHub、GitLab、Bitbucket)プロバイダーに接続されていること
- デプロイできる Nuxt SSR か Static プロジェクトがあること
- 既存のプロビジョニングされたサーバーがあること
ステップ 1: 初期設定
Flash Deploy を使用して新しいサーバーのプロビジョニング/設定、アプリケーションのデプロイを一気に行うこともできますし、既存のサーバーに新しい Nuxt アプリケーションを追加する従来の方法もあります。ここでは既存のサーバーに新しいアプリケーションを追加する方法を説明します。
Cleavr で、新しいアプリケーションを追加するサーバーに移動し、Add Site を選択してください。
デプロイするターゲットに応じて、 Nuxt SSR か Nuxt Static の web アプリケーションタイプを選択してください。残りの web サイト情報を入力して Add をクリックしてください。
これによりサーバーにサイトが追加され、不足している環境依存の状態ででサーバーを設定します。
サイトの追加が成功したら、Web App セクションに移動し、追加された web アプリケーションの Complete Setup をクリックしてください。
バージョン管理プロバイダー、リポジトリ、デプロイするブランチを入力し、Update をクリックしてください。
ステップ 2: デプロイ
web アプリケーションをデプロイする準備ができました。
web アプリケーションのデプロイメントページで、Deploy をクリックして下さい。
デプロイメントのプロセスが始まり、少しすると完了します。
![Sébastien Chopin](/_nuxt/image/e847b9.png)
![Nazaré da Piedade](/_nuxt/image/d5c785.png)
![Nobu](/_nuxt/image/888ba6.png)
![川音리오](/_nuxt/image/345a82.png)
![Maciek Palmowski](/_nuxt/image/2bdab1.png)
![Nestor Vera](/_nuxt/image/b6ef28.png)
![Daniel Roe](/_nuxt/image/0786f3.png)
![Yue Yang](/_nuxt/image/40c994.png)
![Jeronimas](/_nuxt/image/ba9a98.png)
![Clément Ollivier](/_nuxt/image/77339c.png)
![Alexander Lichter](/_nuxt/image/073577.png)
![N3-rd](/_nuxt/image/20bdf5.png)
![Adrien Zaganelli](/_nuxt/image/c3f019.png)
![Mag](/_nuxt/image/1fe278.png)
![Stefan Huber](/_nuxt/image/c3653a.png)
![Olga Bulat](/_nuxt/image/e50af3.png)
![Paiva](/_nuxt/image/ea02f0.png)
![Florian Reuschel](/_nuxt/image/ee31ca.png)
![Savas Vedova](/_nuxt/image/d403a7.png)
![HIJACK](/_nuxt/image/d0b78e.png)
![Vinícius Alves](/_nuxt/image/ba75e5.png)
![Kareem Dabbeet](/_nuxt/image/c79dfa.png)
![Valentín Costa](/_nuxt/image/3dd0d7.png)
![Ryan Skinner](/_nuxt/image/ec2d86.png)
![Alex Hirzel](/_nuxt/image/980fb6.png)
![Ajeet Chaulagain](/_nuxt/image/2fb9d1.png)
![René Eschke](/_nuxt/image/ddfbaa.png)
![Nico Devs](/_nuxt/image/5fa1fe.png)
![Muhammad](/_nuxt/image/76bed9.png)
![Naoki Hamada](/_nuxt/image/475300.png)
![Tom](/_nuxt/image/aae9cc.png)
![Yann Aufray](/_nuxt/image/305a71.png)
![Anthony Chu](/_nuxt/image/027d85.png)
![Nuzhat Minhaz](/_nuxt/image/431077.png)
![Lucas Portet](/_nuxt/image/260cbe.png)
![Richard Schloss](/_nuxt/image/7f63ae.png)
![Bobby](/_nuxt/image/42cdae.png)
![bpy](/_nuxt/image/ecc096.png)
![Antony Konstantinidis](/_nuxt/image/1434b0.png)
![Hibariya](/_nuxt/image/febb5a.png)
![Jose Seabra](/_nuxt/image/ede04e.png)
![Eze](/_nuxt/image/f22c13.png)
![Florian Lefebvre](/_nuxt/image/e3705e.png)
![Lucas Recoaro](/_nuxt/image/8cdc5c.png)
![Julien SEIXAS](/_nuxt/image/40a795.png)