Vercel Postgres を試す

普段 Rails を使ってて ActiveRecord に慣れてるからか、Prisma は読みやすく感じる。

Vercel Postgres + Prisma Next.js Starter のテンプレートをデプロイしたもの。

登録されているデータを確認する

登録されているデータは、Vercel のダッシュボードの作成したプロジェクトから Storage → 作成したDBを選択すればデータを確認できる画面に移動できる。
確認方法は下記の2種類あるっぽい。

テーブルを選択して確認する方法。全てのレコードを確認したいならこれで良さそうだけど、データが増えてくると時間がかかりそう。

直接 SQL を流して確認する方法。条件付きで取得することも可能なので、こちらの方が使う機会は多そう。

SELECT * 
FROM users
WHERE id = '1';

テンプレートを使用したプロジェクトをローカルに clone してきただけでは下記のエラーになるため動きません。これは development 用の環境変数が設定されていないためです。

下記のコマンドを実行することで、development 用の環境変数を pull することができます。

vercel env pull .env.development.local

Error: Your codebase isn’t linked to a project on Vercel. Run `vercel link` to begin. のエラーが発生した場合

先に Vercel のプロジェクトとリンクする下記のコマンドを実行してください。

vercel link

すると、ルートディレクトリに.env.development.local が作成されていると思います。

この状態で開発サーバーを起動して確認してみます。

yarn dev

http://localhost:3000/ を開いて下記のような画面が表示されれば、セットアップ完了です🎉

参考