Next.js のプロジェクトは Vercel にデプロイするのが便利らしく、このサイトも Vercel にデプロイしています。
そこで、Vault Blog Core の導入手順で用意したプロジェクトを Vercel にデプロイするまでの流れを、簡易的にですが、紹介しておきます。
Vercel にデプロイするまでの手順
Vercel にログインし、画面の指示に従って Create New Project します。
各種設定については、下記を参考に進めてください。
- GitHub リポジトリ: 先ほど作成したリポジトリを登録
- Framework Preset:
Next.jsを選択 - Environment Variablesに:
SITE_URLに「公開されるルート URL」を設定
Hint
SITE_URL について、独自ドメインを使わない場合は、Vercel が発行する
https://<プロジェクト名>.vercel.app を指定しておけば問題ありません。
（正確なドメイン名は Vercel ダッシュボードの「Domains」から確認できます。）
Note
環境変数について、POST_SOURCE_DIR, IMAGE_SOURCE_DIR, SOUND_SOURCE_DIR, MOVIE_SOURCE_DIR, THUMBNAIL_SOURCE_DIR はデプロイから先では使用しないため、登録しなくて大丈夫です。
デプロイが完了すると、指定した URL でサイトを確認できるようになります。
これで公開までの準備は完了です！
今後は、git push したら自動でデプロイしてくれるはずです！
まだ自分の記事を投稿していない方は、Vault Blog Core による記事投稿までの手順を見ながら投稿してみましょう！