【NextJs14】NextJs14 と 便利なライブラリ【#２７ Neon Serverless Postgres】

【#２７ Neon Serverless Postgres】

YouTube: https://youtu.be/Z_e3Ptqxi5s

https://youtu.be/Z_e3Ptqxi5s

今回は「Neon」を使用して、NextJsで
データベースを使用できるようにします。

https://neon.tech/

prismaのインストール
npm i -D prisma
npm i @prisma/client

prismaの初期化
npx prisma init

prisma initを実行すると以下のファイルが作成されますので、
Neonのコンソールからprismaを選択して以下の内容を張り付けます。

.env

DATABASE_URL="postgresql://tainakarorue:VH1jU7m............."
DIRECT_URL="postgresql://tainakarorue:VH1jU7mLGe..........."

prisma/schema.prisma

// This is your Prisma schema file,
// learn more about it in the docs: https://pris.ly/d/prisma-schema

generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider  = "postgresql"
  url  	    = env("DATABASE_URL")
  directUrl = env("DIRECT_URL")
}

model Todo {
  id String @id @default(cuid())
  title String
  completed Boolean
}

テスト用のTodoモデルを作成したら、
モデルが使えるように以下のコマンドを実行します。

コード内でモデルを使用できるようにする
npx prisma generate

モデルをデータベースに反映する
npx prisma db push