VuePressは、パフォーマンスとシンプルさを重視したVueによる静的サイトジェネレータです。

VuePressに関する詳しい情報は、公式サイトをご覧ください。

Kinstaでは、デプロイメントの処理中に、composer.jsonファイルで定義された依存関係が自動でインストールされます。

  1. GitHubリポジトリ(https://github.com/kinsta/hello-world-vuepress)をフォークしてください。

  2. MyKinstaで、vuepressリポジトリを使用してアプリケーションを追加します。最初のデプロイ時に必要なコマンドが自動で検出されるため、ウェブプロセスの「startコマンド」は空白のままにしてください。

ビルドが完了し、Hello Worldページが読み込まれると、すぐにアプリをご利用いただけます。

VuePressアプリケーション
VuePressアプリケーション

サーバー設定

ポート

環境変数PORTは自動で設定されるため、アプリケーションに定義したり、ハードコーディングで記述したりする必要はありませんserveパッケージには、弊社で設定したポートが自動的に使用されます。

startコマンド

アプリケーションをデプロイすると、npm startをエントリーポイントとしてウェブプロセスが自動で作成されます。

デプロイメントライフサイクル

デプロイメントを開始すると(アプリケーションの作成、またはコミットの失敗による再デプロイ)、npm buildコマンド、その後にnpm startコマンドが実行されます。