はじめに
次に作る自作アプリは一般利用してもらえるようにcloudflare PagesとWorkersを使って公開してみようと思いました。
ひとまずベースができるまでを記事にしてみようと思います。
下準備-gitとプロジェクト
cloudflare Pagesでアプリケーションを新規作成する際、gitに接続して任意のリポジトリをデプロイすることが可能なようです。
というわけで、今回のプロジェクト用に事前にリポジトリを用意しました。
今回は勉強がてらNuxtを触ってみようと思うので、公式ドキュメントの手順に則って進めていきます。
プロジェクトを作成したらそれをgitのmainにpushして準備完了です。
cloudflareにデプロイ
ダッシュボードのWorkers & Pagesに移動し、アプリケーションの作成ボタンをクリックします。
Pagesのタブに移動してgitに接続をクリックします。
任意のgitリポジトリを選択し、セットアップの開始をクリックします。
プロジェクト名とプロダクションブランチを設定(大体デフォルトでOK。)したのち、ビルドの設定をしていきます。
フレームワークプリセットに使用するフレームワークを設定(今回はNuxt)。ビルドコマンドとビルド出力ディレクトリは特に理由が無ければデフォルトのままでOK。アドバンスドの項目も今回はデフォルトにします。環境変数だけ後々追加するかも。
設定が完了したら保存してデプロイをクリックします。
以下の画面が表示されたら完了。表示されたURLにアクセスして確認してみましょう。
おわりに
次回はWorkerの準備をしていきます。Rustを使っていこうと思うので手順がすこし不安ですが......頑張ります。