Phase 09 · Lesson 10

Hands On Lab and Phase Exit

≈ 3 min core reading · 732 source/companion words
Learning contract

What you should be able to do after this

  • Explain Hands On Lab and Phase Exit without relying on framework buzzwords.
  • Connect the lesson to the phase outcome: Integrate Prisma 7.9.1 as a repeatable persistence layer with schema, generated client, adapter/configuration, migrations, and NestJS lifecycle.
  • Reproduce the relevant behavior and verify it with evidence.
  • Diagnose at least one representative failure instead of guessing.
Figure 9.10 — TaskFlow boundary map
schema.prisma
migration files
database schema
generated Prisma Client
PrismaService
feature service
This lesson belongs to Phase 09. Keep the full request/data path visible even when today's code changes only one box.
Instructor workflow: predict first → implement the smallest slice → run it → inspect evidence → break one assumption → diagnose → explain it back. Do not copy the whole code block before understanding the first failing boundary.

PHASE 09 / BOOK 10

Hands-On Lab & Phase Exit Install, configure, integrate, migrate and explain the system

NestJS

PrismaService

Prisma Client

PrismaPg driver adapter

Supabase PostgreSQL

Figure - The database access stack introduced in Phase 09

Course rule: Prisma CLI, @prisma/client and @prisma/adapter-pg are locked to 7.9.1. Newer Prisma releases are not substituted halfway through the course.

Phase 09 Hands-On Lab The lab intentionally walks from installation to a working migration and injectable PrismaService. Perform the steps in order and stop on the first failed checkpoint.

Level 1 - Follow A. Verify the API workspace From: taskflow\apps\api

Terminal
Get-Location
node -v
pnpm -v

B. Install exact dependencies # From: taskflow\apps\api pnpm add -D prisma@7.9.1 @types/pg pnpm add @prisma/client@7.9.1 @prisma/adapter-pg@7.9.1 pg dotenv @nestjs/config

C. Verify exact versions # From: taskflow\apps\api pnpm exec prisma version

D. Initialize and inspect # From: taskflow\apps\api pnpm exec prisma init

Identify .env, prisma.config.ts and prisma/schema.prisma and explain one responsibility for each.

Level 2 - Configure A. Add safe environment placeholders .env.example

# Runtime application connection (Phase 08 recommends a session-capable pooled URL for local NestJS). DATABASE_URL=

# Prisma CLI / migration connection. Prefer a direct URL when reachable. DIRECT_URL=

# Optional only if migrate dev cannot create an automatic shadow database. # NEVER point this at the same database as DIRECT_URL. SHADOW_DATABASE_URL=

B. Configure Prisma CLI prisma.config.ts

Code
import "dotenv/config";
import { defineConfig, env } from "prisma/config";

export default defineConfig({ schema: "prisma/schema.prisma", migrations: { path: "prisma/migrations", }, datasource: { // CLI / migrations: direct or session-capable connection. url: env("DIRECT_URL"), }, });

C. Define the minimal model prisma/schema.prisma

generator client { provider = "prisma-client" output = "../src/generated/prisma" moduleFormat = "cjs" }

datasource db { provider = "postgresql" }

model Todo { id String @id @default(cuid()) title String completed Boolean @default(false) createdAt DateTime @default(now()) updatedAt DateTime @updatedAt }

Terminal
D. Validate and generate
pnpm exec prisma validate
pnpm exec prisma generate

Level 3 - Integrate A. Add PrismaService src/prisma/prisma.service.ts

Code
import { Injectable, OnModuleDestroy, OnModuleInit } from "@nestjs/common";
import { ConfigService } from "@nestjs/config";
import { PrismaPg } from "@prisma/adapter-pg";
import { PrismaClient } from "../generated/prisma/client";
Code
@Injectable()
export class PrismaService
extends PrismaClient
implements OnModuleInit, OnModuleDestroy
{
constructor(config: ConfigService) {
const connectionString = config.getOrThrow<string>("DATABASE_URL");
const adapter = new PrismaPg({ connectionString });
super({ adapter });
}
Code
async onModuleInit() {
await this.$connect();
}
Code
async onModuleDestroy() {
await this.$disconnect();
}
}

B. Add PrismaModule src/prisma/prisma.module.ts

Code
import { Global, Module } from "@nestjs/common";
import { PrismaService } from "./prisma.service";
Code
@Global()
@Module({
providers: [PrismaService],
exports: [PrismaService],
})
export class PrismaModule {}

C. Register configuration and PrismaModule src/app.module.ts

Code
import { Module } from "@nestjs/common";
import { ConfigModule } from "@nestjs/config";
import { HealthModule } from "./health/health.module";
import { TodosModule } from "./todos/todos.module";
import { PrismaModule } from "./prisma/prisma.module";

@Module({ imports: [ ConfigModule.forRoot({ isGlobal: true }), PrismaModule, HealthModule, TodosModule, ], }) export class AppModule {}

D. Build pnpm run build

Level 4 - Engineer Create the first migration only after verifying that DIRECT_URL targets your development database and that shadow-database behavior is safe.

Terminal
pnpm exec prisma migrate dev --name init_todo
pnpm exec prisma generate
pnpm exec prisma migrate status

Engineer questions • Why does NestJS runtime use DATABASE_URL while Prisma CLI can use DIRECT_URL?

• What failure would you expect if the generated client were ESM but NestJS output remained CommonJS?

• Why is migration.sql worth reviewing if Prisma generated it?

• Why is the shadow database dangerous when pointed at the same database as DIRECT_URL?

• What changes in production: migrate dev or migrate deploy? Why?

Phase Exit Checklist • [ ] prisma, @prisma/client and @prisma/adapter-pg are all 7.9.1.

• [ ] pnpm exec prisma version confirms local versions.

• [ ] schema.prisma uses prisma-client, a custom output, and moduleFormat = cjs.

• [ ] prisma.config.ts reads the CLI datasource from DIRECT_URL.

• [ ] Real secrets are absent from Git.

• [ ] prisma validate passes.

• [ ] prisma generate succeeds.

• [ ] PrismaService uses PrismaPg and one shared PrismaClient instance.

• [ ] NestJS production build passes.

• [ ] migrate dev was run only against the intended development database.

• [ ] migration.sql was inspected.

• [ ] migrate status is clean.

What You Should Understand Before Phase 10 Prisma is now infrastructure you understand. Phase 10 will no longer ask "how do I connect Prisma?" It will ask the more important question: "what should the relational model actually be?" That moves us from tooling into data design.

Working Prisma infrastructure

Phase 10 relational model design

Projects / tasks / relationships

Phase 11 persistent CRUD API

Figure - The database curriculum continues from infrastructure into modeling and behavior

Executable lesson studio · prisma

Now turn the explanation into engineering skill.

Prisma improves developer ergonomics, but migrations and generated queries still change a real relational database. You should be able to inspect both sides.

By the end, you should be able to

  • Explain Hands On Lab and Phase Exit in terms of concrete inputs, ownership, outputs, and evidence.
  • Implement or reproduce the smallest TaskFlow slice that demonstrates this prisma concept.
  • Diagnose one representative prisma failure using observable evidence instead of trial-and-error.
Figure 9.10B — Mental model
domain intent
Prisma Client
generated SQL
PostgreSQL
mapped result
Read left-to-right while implementing. When debugging, walk right-to-left until the first observed fact differs from your prediction.
Code-along sequence

One coherent change at a time

  1. 01

    Restate the goal of “Hands On Lab and Phase Exit” as one observable behavior. Write the success signal before touching code.

  2. 02

    Trace the boundary map: domain intent → Prisma Client → generated SQL → PostgreSQL → mapped result. Mark the one boundary this lesson changes.

  3. 03

    Inspect the current repository state and record the exact files, route, table, or runtime involved. Avoid creating an abstraction before you can name the existing owner.

  4. 04

    Implement the smallest vertical slice. Add one coherent change, run the narrowest verification command, and read the output before continuing.

  5. 05

    Connect the slice to TaskFlow’s phase artifact: Prisma schema + migration history + generated client + NestJS PrismaService connected to TaskFlow PostgreSQL.. Verify behavior from the outside as a user or API client would.

  6. 06

    Create one controlled failure that is safe to reproduce. Predict the symptom first, capture evidence, locate the earliest broken boundary, then fix only that cause.

  7. 07

    Close the reference and rebuild or explain the core change from memory. Record what you would monitor or test before trusting the same change in production.

tsKeep the generated client visible in the mental model
const tasks = await prisma.task.findMany({
  where: { workspaceId },
  orderBy: [{ createdAt: "desc" }, { id: "desc" }],
  take: 20,
});

Do not copy this as a finished answer. Predict what each boundary does, type the smallest useful slice, run it, then compare the result with your prediction.

Verification

Prove the happy path

  1. Run the narrowest relevant command or request and require a clean exit/status.
  2. Inspect the boundary-specific evidence: terminal output, Network panel, database row/query plan, test report, container health, or deployment logs.
  3. Repeat the behavior once after the change so a one-off cached or stale result cannot masquerade as success.
Break it on purpose

Build debugging memory

  1. Editing generated client code
  2. Change one assumption in the prisma example—identity, input, configuration, ordering, connectivity, or state—and predict the exact symptom before running it.
SymptomInvestigation path
P1001 / connection failure

Verify connection string, host, port, SSL/pooler mode, network reachability, and which environment file the process loaded.

Migration surprises

Read the generated SQL before applying it and compare the change against existing production-shaped data.

Closed-reference challenge

Can you transfer the idea?

Without copying the final source, create a second small scenario that applies “Hands On Lab and Phase Exit” to a different TaskFlow resource or input. Write the acceptance criteria first, implement it, and provide the evidence that each criterion is satisfied.

Explain-back

Answer these without reopening the solution

  1. What problem does Hands On Lab and Phase Exit solve in TaskFlow, and what would be observably wrong without it?
  2. Which part of the prisma boundary owns the decision, and which neighboring layer must not own it?
  3. What evidence proves the happy path instead of merely suggesting it worked?
  4. Name one realistic failure or abuse case and the first place you would inspect.
  5. If requirements doubled tomorrow, which part of this design should stay stable and which part is allowed to change?
Lesson studio

Turn the reading into skill

01

Do it

Generate the client and wire a PrismaService into NestJS with controlled lifecycle.

Use the smallest change that demonstrates this lesson. Stop after it works and capture evidence.
02

Break it safely

Editing generated client code

Predict the symptom before causing the failure. Then locate the earliest boundary where reality diverges from expectation.
03

Explain it back

Why does this responsibility live here, what input does it trust, what output proves success, and what would go wrong if another layer owned it?

If your explanation is vague, repeat the boundary trace before moving on.
Exit ticket

Before marking complete

Close the reference. Reproduce the core idea from memory or explain the exact request/data flow aloud. Then check your diff or notes for accidental shortcuts that bypass validation, authorization, error handling, or verification earned in earlier phases.