Kinstaの静的サイトホスティング

Kinstaの静的サイトホスティング

静的コンテンツのホスティングを探していましたが、Kinstaがあるじゃないですか。
なんと、静的コンテンツは無料枠、これは試さない手はありません。
ci cd環境も用意されており、コミットと同時にビルド、デプロイが可能です。しかも、各種静的サイトジェネレータのボイラープレート(すぐに使える活用例)がgithubにテンプレートとして用意されています。

このため以下のように少ないステップで開発が開始できます。

1. GitHubにログイン後、テンプレートから、新規リポジトリを作成（「Use this template」＞「Create a new repository」）
2. Kinstaのダッシュボードから静的サイトを追加し、作成したリポジトリを割り当ててビルド設定(ジェネレーターごとに設定例があります)します。
   
   リポジトリの割り当ての時にgithubのアクセス権限を設定する必要があります。リポジトリを選択する蘭にフォーカスすると「GitHubの権限を編集」が表示されるので、選択するとGitHubの権限管理ページに飛びます（設定後リロードしすると選択項目に反映されます）。
   
3. サイト毎の管理画面でデプロイの状況を監視したり、サイトの設定を変更したり、ドメインの設定をすることができます。
   
   

• ちなみに右下の問い合わせ枠でサポートとライブチャットも可能(英語で)。

テンプレート一覧

Kinstaで用意されているリポジトリのテンプレートは以下の通り

静的サイトジェネレータ	テンプレート	doc
astro	https://github.com/kinsta/hello-world-astro	📃
Docsify	https://github.com/kinsta/hello-world-docsify	📃
Docusaurus	https://github.com/kinsta/hello-world-docusaurus	📃
Gatsby	https://github.com/kinsta/hello-world-gatsby	📃
Hugo	https://github.com/kinsta/hello-world-hugo	📃
Lume	https://github.com/kinsta/hello-world-lume	📃
Next.js	https://github.com/kinsta/hello-world-nextjs	📃
Nuxt.js	https://github.com/kinsta/hello-world-nuxt	📃
Qwik	https://github.com/kinsta/hello-world-qwik	📃
React	https://github.com/kinsta/hello-world-react	📃
Rspress	https://github.com/kinsta/hello-world-rspress	📃
VitePress	https://github.com/kinsta/hello-world-vitepress	📃
VuePress	https://github.com/kinsta/hello-world-vuepress	📃
Eleventy	https://github.com/kinsta/hello-world-eleventy	📃
ViteでReact	https://github.com/kinsta/hello-world-react-vite	📃

• vitepressのテンプレートでは生成先が間違っているようで、サイト設定の公開ディレクトリは「.vitepress/dist」にしないとデプロイに失敗します。

特徴

AWSのCloudFrontなども無料枠がありますが、設定や運用がシンプルなところが特徴でしょうか。

例

vitepressの例