KinstaでJigsawを使って静的サイトをセットアップする

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

Jigsawは、ウェブアプリケーションと同様の最新ツールを使用して、静的サイトを構築するフレームワークです。

JigsawはLaravelをベースにしており、通常のPHPベースのアプリケーションとみなすことができます。MyKinstaのシステムにより、デプロイメントプロセス中にcomposer.jsonファイルで定義された依存関係が自動でインストールされます。

1. 「Kinsta – Jigsaw Starter」GitHubのリポジトリをフォークしてください。
2. MyKinstaで、Jigsaw Starterレポジトリを使用してアプリケーションを追加します。
3. 最初のデプロイ時に必要なコマンドが自動で検出されるため、ウェブプロセスのstartコマンドは空白のままで問題ありません。また、ビルドパックの追加が必要になるため、最初のデプロイは失敗することがあります。
4. アプリケーションがCSS/JSファイルをビルドできるように、Node.jsとPHPの2つのビルドパックを追加します。「設定」＞「ビルドパックを追加」を選択します。「Node.js」と「PHP」を選択して、「ビルドパックを追加」をクリックします。
5. 「デプロイ」＞「今すぐデプロイ」＞（対象のブランチ）＞「アプリケーションをデプロイ」をクリックします。

ビルド完了後は、すぐにアプリケーションをご利用いただけます。アプリケーションのURLにデフォルトのJigsawページが表示されます。

ビルドパック

アプリケーションでCSS/JSファイルをビルドするには、以下2つのビルドパックを追加してください。

• Node.js
• PHP

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

startコマンド

アプリケーションをデプロイすると、startコマンドとして自動的にnpm startを持つウェブプロセスが検出されます。startコマンドは、必要に応じて「プロセス」画面で変更可能です。