mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4mobile wallpaper 5mobile wallpaper 6
347 文字
1 分
Next.js x Prisma x Neon で DB 接続してみた
2024-06-16

個人開発で作っていたサイトでDBを使いたかったので Neon を使ってみました。PlanetScaleが無料じゃなくなったらしいので、無料枠があるというNeonを使ってみようと思いました。

https://neon.tech/

環境#

  • 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/
著者
cheese-nan
公開日
2024-06-16
ライセンス
CC BY-NC-SA 4.0

一部の情報は古い可能性があります

カバー
Sample Song
Sample Artist
カバー
Sample Song
Sample Artist
0:00 / 0:00