事前準備
githubアカウント作成
Sanityのプロジェクトを作る
ここへ行く
https://www.sanity.io/create?template=sanity-io%2Fsanity-template-nextjs-blog-comments
このURLに飛んでクリックするだけなので、この記事はこれで終わりですが、記事っぽくするためだけにスクリーンショットなどを貼り付けています。さようなら。
Sanityアカウントを作成する
Sanityのプロジェクトを作成する
Deploy to Vercel
Vercelとgithubの連携
vercelプロジェクトの作成
そのままcontinue
エラーが出たら一旦vercelのアカウントにログインして、プロジェクト名が重複していたら消してください。
よくわからんがinstallしてcontinue
(Deploy時にSanityで必要な環境変数などを設定している模様。
git リポジトリの連携
特に何も指定せずDeployを押す。
EnvironmentVariablesを開いてみると、先ほどインストールした時に環境変数を自動でセットしてくれたようです。
デプロイが完了したら、祝ってくれます
デプロイしたやつを見てみる
vercelのダッシュボードに何かできていると思うので、visitを押す
できたやつ↓
https://next-js-blog-with-comments-virid-beta.vercel.app/
Sanityで内容を変更する
マネジメント画面が出ると思うので、適当にいじってください。
ご指摘等あればコメントいただけると幸いです。
以上です。