Kinstaの静的サイトホスティングでは、HTML、CSS、JavaScriptなどの非動的ファイルで構成された静的サイトをデプロイすることができます。リポジトリには、構築済みのファイル(HTML、CSS、JavaScript)、または静的サイトを生成するソースコードを含めることができます。
互換性のある静的サイト
Kinstaの静的サイトホスティングでは、構築済みの静的サイト、またはNode.jsを使った最新のJavaScriptフレームワークで構築されたサイトを運営することができます。ランディングページ、デジタルパンフレットサイト、または更新が少なく動的コンテンツ(コメント投稿など)のない小さなブログなどに適しています。
以下のような条件に当てはまる場合は、アプリケーションホスティングをご利用ください。
- PHPなど、Node.js以外の言語で構築されたサイト
- 一部またはすべてにサーバーレンダリングが必要なサイト
- データベース接続が必要なサイト
- 動的コンテンツを提供するサイト
- サーバーサイドで管理されるセッションや認証が必要になるサイト
どちらのホスティングサービスが適しているかわからない場合は、両方でサイトをデプロイし、テストを行った上で、使用するサービスを決定してください。
静的サイトのセットアップ方法
GitHubから静的サイトホスティングにサイトをデプロイするには、以下のテンプレートから新規リポジトリを作成してください。
- Astro|セットアップ方法
- Cuttlebelle|セットアップ方法
- Docusaurus|セットアップ方法
- Eleventy|セットアップ方法
- Gatsby|セットアップ方法
- Nuxt|セットアップ方法
- Qwik|セットアップ方法
- React|セットアップ方法
- React + Vite|セットアップ方法
- VuePress|セットアップ方法
その他の静的サイトのセットアップ方法
以下の活用例では、静的サイトの生成にNode.js以外を使用しているため、弊社アプリケーションホスティングに適した静的サイトジェネレーターを使用しています。
注意)アプリケーションホスティングで運営される静的サイトは、package.jsonファイルにstart
スクリプトを追加し、serve
パッケージを使って静的アセット(index.html、スタイル、フォント、画像)を配信します。これは、GatsbyのHello Worldリポジトリに似ています。