Eleventy
こちらのページでは、弊社静的サイトサーバーサービスで、GitHubリポジトリからEleventyを使用して静的サイトをセットアップする方法の例をご紹介します。
EleventyはJavaScriptベースの静的サイトジェネレーターです。開発者による高速かつモダンなウェブサイト構築を可能にします。詳細はEleventy公式サイトをご覧ください。
なお、以下のテンプレートは、弊社ウェブアプリケーションサーバーでもセットアップなしでご利用いただけます。ウェブアプリケーションサーバーでは、最初のデプロイ時に必要なコマンドが自動検出されるため、ウェブプロセスのstartコマンドは空白のままで問題ありません。
前提条件
- 弊社クイックスタートテンプレートは、GitHubに保存・管理されているため、GitHubアカウントが必要です。
- アプリケーションのデプロイには、MyKinstaアカウントが必要になります。
Eleventy静的サイトをデプロイする
- GitHubにログイン後、「Kinsta — Hello World — Eleventy」テンプレートから新規リポジトリを作成します(「Use this template」>「Create a new repository」)。
- MyKinstaで、「静的サイト」>「サイトの追加」>「GitHub」を選択し、「Gitサービスの接続」ウィンドウで「Gitサービスを接続する」をクリックして、GitHubアカウントにログインします。
- Hello World Eleventyリポジトリを選択して「続行」をクリックし、以下のビルド設定で静的サイトを追加します。
- ビルドコマンド:
npx @11ty/eleventy
- Nodeバージョン:18.16.0
- 公開ディレクトリ:_site
- ビルドコマンド:
package.jsonファイルで定義された依存関係は、デプロイメントプロセス中に自動インストールされます。デプロイの完了後は、すぐにサイトをご利用いただけます。サイトのURLには、Kinstaのウェルカムページが表示されます。
![Eleventyのデプロイ完了後に表示されるKinstaのウェルカムページ](/_next/image/?url=https%3A%2F%2Fkinsta.com%2Fwp-content%2Fuploads%2F2023%2F04%2Feleventy-kinsta-welcome.png&w=2048&q=75)
デプロイメントライフサイクル
デプロイメントを開始すると(アプリケーションの作成、またはコミットの失敗による再デプロイ)、npm build
コマンド、その後にnpm start
コマンドが実行されます。