🐥

【Next.js】基礎から始めるNext.js API Routes【２Prisma Setup 】

2022/12/10に公開

Next.js

Prisma

tech

【２Prisma Setup 】

YouTube: https://youtu.be/ye7jPXzSSZ4

https://youtu.be/ye7jPXzSSZ4

今回は「Prisma」のセットアップを行います。

「Prisma」はデータベースとバックエンドアプリを繋ぐ
アダプターのような役割をしてくれます。

package.json

  "dependencies": {
    "@prisma/client": "^4.7.1",
  },
  "devDependencies": {
    "prisma": "^4.7.1"
  }

１．プリズマのインストール
npm install prisma --save-dev

２．プリズマクライアントのインストール
npm install @prisma/client

３．プリズマの初期化
npx prisma init --datasource-provider sqlite

４．prisma/schema.prismaにモデルを追加

５．一番最初のマイグレートの実行
npx prisma migrate dev --name init

６．プリズマスタジオを起動
npx prisma studio

prisma/prisma.schema

// 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 = "sqlite"
  url      = env("DATABASE_URL")
}

model User {
  id    Int     @id @default(autoincrement())
  email String  @unique
  password String
  name  String?
  createdAt DateTime @default(now())
  updatedAt DateTime @default(now()) @updatedAt
  posts Post[]
}

model Post {
  id        Int     @id @default(autoincrement())
  title     String
  content   String?
  published Boolean @default(false)
  createdAt DateTime @default(now())
  updatedAt DateTime @default(now()) @updatedAt
  author    User    @relation(fields: [authorId], references: [id])
  authorId  Int
}

【２Prisma Setup 】

Discussion