こちらのページでは、GitHubリポジトリとKinstaのアプリケーションホスティングサービスを使って、Jekyll静的サイトをセットアップする方法の一例をご紹介します。

Jekyllは、動的なReactコンポーネントを使用して、データベースを必要とせずに柔軟な静的サイトを生成することのできるオープンソースの静的サイトジェネレーターです。詳細はJekyllの公式サイトをご覧ください。

Kinstaにより自動で、デプロイプロセス中にGemfileファイルで定義された依存関係がインストールされます。

  1. GitHubにログインし、「Kinsta – Hello World – Static Site With Jekyll」テンプレートから新しいリポジトリを作成してください(「Use this template」>「Create a new repository」)。
  2. MyKinstaで、Hello World Jekyllリポジトリを使ってアプリケーションを追加します(必要なコマンドはリポジトリ内のProcfileから自動検出されるため、ウェブプロセスのstartコマンドは空白のままにしておいて問題ありません)。

ビルドが終了するとすぐにアプリが利用可能になり、Kinstaのウェルカムページが表示されます。

Jekyllのインストールに成功した後のKinstaのウェルカムページ
Jekyllのインストールに成功した後のKinstaのウェルカムページ

ウェブサーバーのセットアップ

ポート

Kinstaにて自動でPORT環境変数が設定されます。これを定義したり、アプリケーションでハードコーディングにより記述したりする必要はありません

startコマンド

アプリケーションをデプロイしてリポジトリにProcfileを用意すると、Kinstaのシステムにより、リポジトリのルートにあるProcfileに基づいてウェブプロセスが自動で作成されます。ウェブサーバーを実行するには、Procfileで以下のコマンドを使用してください。

web: bundle exec jekyll build && ruby -run -e httpd _site

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

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