Netlifyへのデプロイ
Netlifyは有名な静的ウェブサイトのデプロイサービスプロバイダーで、Edge Functionsは、ウェブサイトのエッジノード上でJavaScriptコードを実行できるNetlifyのサービスです。
デプロイ方法
Forkボタンをクリックして、Netlifyのスタータースキャフォールドを作成します。
https://app.netlify.comのNetlifyコンソールにログインし、Add new site - Import an exist projectを選択してサイトを追加します。GitHub認証を選択してGitHubプロジェクトの一覧を読み取ります。一覧から先ほどForkで生成したリポジトリ名を検索し、そのプロジェクトをクリックして、このリポジトリに基づくNetlifyウェブサイトの作成を開始します。
Netlifyウェブサイトを作成する前に、いくつかの設定情報を入力する必要があります。環境変数以外の情報はデフォルトのままで問題ありません。追加するストレージサービスの環境変数については複数データベースサービスのサポートを参照し、最後に下部のDeploy siteをクリックしてサイトのデプロイを開始します。
しばらくするとNetlifyウェブサイトのデプロイが完了します。上部のFunctionsナビゲーションバーをクリックするとクラウド関数の一覧に切り替わり、commentがデプロイ済みのWalineサービスです。これをクリックするとクラウド関数の詳細ページに入ります。
詳細ページでEndpointに表示されているアドレスが、Walineサービスのデプロイアドレスです。右側のコピーボタンをクリックし、新しいタブで開いてコメントの投稿をテストしてみましょう。すべて成功したら、あとはこのドメイン名をクライアントに設定するだけで、快適にコメントできます！
更新方法
GitHubリポジトリに移動し、package.jsonファイル内の@waline/vercelのバージョン番号を最新バージョンに変更します。
環境変数の変更方法
上部のSite settingsナビゲーションバーをクリックし、Environments variablesサイドバーを選択して環境変数の管理ページに入ります。Add a variableボタンをクリックして環境変数を追加します。
環境変数を編集した後は、Deploysページに入り、Trigger deploy - Deploy siteを選択してウェブサイトを再デプロイし、環境変数を反映させる必要があります。
