Drizzle을 선택한 이유는:

1. 타입스크립트와의 높은 호환성
2. SQL 쿼리의 유연성과 확장성
3. Edge 환경 지원
4. 작은 번들 크기

1. drizzle 설치

pnpm add @supabase/supabase-js drizzle-orm postgres
pnpm add -D drizzle-kit

supabase 프로젝트의 데이터베이스 연결 정보를 .env.local 파일에 설정

# Database connection
DATABASE_URL="postgresql://postgres
.jhypkhsoyljbszthcfkn:[your-password]@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres"

2. Drizzle 설정을 위한 기본 구조 세팅

src/db 디렉토리를 만들고 필요한 파일들을 생성

1. 데이터베이스 연결 (src/db/index.ts)
   • Neon 데이터베이스와 연결
   • Drizzle ORM 인스턴스 생성
   • 타입 익스포트

import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres";
import * as schema from "./schema";

// PostgreSQL 클라이언트 생성 (Supabase Pooling 모드를 위해 prepare: false 설정)
const client = postgres(process.env.DATABASE_URL!, {
  prepare: false,
  ssl: "require",
});

// Drizzle ORM 인스턴스 생성
export const db = drizzle(client, { schema });

// 타입 익스포트
export * from "./schema";

1. 스키마 정의 (src/db/schema.ts)
   • posts 테이블: 블로그 게시글 저장
   • 제목, 내용, 요약, 슬러그, 생성/수정 시간 등
   • about 테이블: 어바웃 페이지 내용 저장
   • 타입 정의 자동 생성

import { pgTable, serial, text, timestamp, varchar } from "drizzle-orm/pg-core";

export const posts = pgTable("posts", {
  id: serial("id").primaryKey(),
  title: varchar("title", { length: 256 }).notNull(),
  content: text("content").notNull(),
  createdAt: timestamp("created_at").defaultNow().notNull(),
  updatedAt: timestamp("updated_at").defaultNow().notNull(),
});

export const about = pgTable("about", {
  id: serial("id").primaryKey(),
  content: text("content").notNull(),
  updatedAt: timestamp("updated_at").defaultNow().notNull(),
});

export type Post = typeof posts.$inferSelect;
export type NewPost = typeof posts.$inferInsert;
export type About = typeof about.$inferSelect;
export type NewAbout = typeof about.$inferInsert;

1. Drizzle 설정 (drizzle.config.ts)
   • 스키마 위치 지정
   • 마이그레이션 파일 위치 지정
   • 데이터베이스 연결 설정

import type { Config } from "drizzle-kit";
import * as dotenv from "dotenv";

// .env.local 파일 로드
dotenv.config({ path: ".env.local" });

export default {
  schema: "./src/db/schema.ts",
  out: "./drizzle",
  dialect: "postgresql",
  dbCredentials: {
    url: process.env.DATABASE_URL!,
  },
} satisfies Config;