パッケージの使い方の最新へのアップデートとPrisma 6.18.0への対応

Author: chvmvd

README.md

@@ -53,17 +53,18 @@ ut.code(); Learnに準拠したサンプルプロジェクトです。
    $ mkdir backend
    $ cd backend
    $ npm init
-   $ npm install express cors
-   $ npm install -D typescript tsx @types/express @types/cors
+   $ npm install express @prisma/client dotenv cors
+   $ npm install -D typescript tsx @types/express prisma @types/cors
    $ npx tsc --init
    $ npx prisma init
    ```
 
 1. `/frontend/.env`を作成して、`VITE_API_ENDPOINT`を`http://localhost:3000`に設定する
+1. `/backend/package.json`で`type`フィールドを`module`に設定する
 1. `/backend/.env`で`WEB_ORIGIN`を`http://localhost:5173`に設定し、`DATABASE_URL`も設定する
+1. `/backend/prisma.config.ts`に`import "dotenv/config";`を追加して、`.env`の内容が読み込まれるようにする
 1. `/backend/prisma/schema.prisma`の内容をデータベースに反映させるために`npx prisma db push`を実行する
 1. `/backend/tsconfig.json`の`outDir`オプションを`./dist`にしてトランスパイル結果が`/backend/dist`に入るようにする
-1. `/backend/tsconfig.json`の`declaration`オプションと`declarationMap`オプションを消し`allowJs`オプションを`true`にしてPrismaが生成したJavaScriptファイルをトランスパイル結果に含めるようにする
 1. `/backend/dist`を`/backend/.gitignore`に追加する
 1. `/backend/package.json`を変更して次のコマンドが使えるようにする
    - `npm run dev`：`tsx`を使ってトランスパイル前のTypeScriptを直接実行する（開発環境用）

backend/main.mts backend/main.tsbackend/main.mts renamed to backend/main.ts

@@ -1,6 +1,6 @@
 import express from "express";
 import cors from "cors";
-import { PrismaClient } from "./generated/prisma/index.js";
+import { PrismaClient } from "./generated/prisma/client.js";
 
 const app = express();
 const client = new PrismaClient();

backend/package-lock.json

@@ -1,19 +1,21 @@
 {
   "name": "backend",
+  "type": "module",
   "scripts": {
-    "dev": "tsx main.mts",
+    "dev": "tsx --env-file=.env main.ts",
     "build": "tsc",
-    "start": "node dist/main.mjs"
+    "start": "node --env-file=.env dist/main.js"
   },
   "dependencies": {
-    "@prisma/client": "^6.17.1",
+    "@prisma/client": "^6.18.0",
     "cors": "^2.8.5",
+    "dotenv": "^17.2.3",
     "express": "^5.1.0"
   },
   "devDependencies": {
     "@types/cors": "^2.8.19",
     "@types/express": "^5.0.3",
-    "prisma": "^6.17.1",
+    "prisma": "^6.18.0",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3"
   }

backend/package.json

@@ -0,0 +1,13 @@
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  engine: "classic",
+  datasource: {
+    url: env("DATABASE_URL"),
+  },
+});

backend/prisma.config.ts

@@ -5,7 +5,7 @@
 // Try Prisma Accelerate: https://pris.ly/cli/accelerate-init
 
 generator client {
-  provider = "prisma-client-js"
+  provider = "prisma-client"
   output   = "../generated/prisma"
 }
 

backend/prisma/schema.prisma

@@ -17,9 +17,8 @@
 
     // Other Outputs
     "sourceMap": true,
-    // "declaration": true,
-    // "declarationMap": true,
-    "allowJs": true,
+    "declaration": true,
+    "declarationMap": true,
 
     // Stricter Typechecking Options
     "noUncheckedIndexedAccess": true,