347 文字
1 分
Next.js x Prisma x Neon で DB 接続してみた
個人開発で作っていたサイトでDBを使いたかったので Neon を使ってみました。PlanetScaleが無料じゃなくなったらしいので、無料枠があるというNeonを使ってみようと思いました。
環境
- Next.js 14.2.3
- Prisma 5.15.0
- Prisma Client 5.15.0
Neonのサインアップ
公式ページからGithubアカウントで簡単にSign upできた!
ブランチの作成、セットアップ
ボタン一つで開発用ブランチの作成ができた。
各ツールや言語によっての設定情報もコピペできるようになっててうれしい
Prismaからマイグレーション
あとはスキーマファイルを用意して、ローカルから簡単にマイグレーションできました。
model User { id Int @id @default(autoincrement()) email String @unique name String password String createdAt DateTime @default(now()) updatedAt DateTime @updatedAt}以下のコマンドでマイグレーション。
npx prisma migrate dev --name initあとはダッシュボードから簡単に中身を確認したりできます。
ブランチの切り替え忘れに注意
所感
無料枠もあるし、設定めちゃ簡単なので個人開発などでサクッと試したい場合にはすごくいいなと思いました!
Next.js x Prisma x Neon で DB 接続してみた
https://cheese-nan.pages.dev/posts/nextjs-prisma-neon/ 一部の情報は古い可能性があります









