전체 글 (169) 썸네일형 리스트형 #6 Public Pages > products 페이지의 db값을 가져와보자 - features/products/queries.tsimport { DateTime } from "luxon";import client from "~/supa-client";export const getProductsByDateRange = async ({ startDate, endDate, limit,}: { startDate: DateTime; endDate: DateTime; limit: number;}) => { const { data, error } = await client .from("products") .select( ` product_id, name, descriptio.. #5 Data Loading Strategies > drizzle orm대신에 supabase 클라이언트 사용해보기drizzle orm은 sql 구문도 알아야하고, 관계가 엮여 있을 경우 복잡해진다. 그래서 supabase 클라이언트 orm을 대신해서 사용해보자npm install @supabase/supabase-js 설치 - env파일에 SUPABASE_URL 과 SUPABASE_ANON_KEY 추가하기 (해당 값은 SUPABASE 대쉬보드 -> project settings -> Configuration - Data API에서 확인 가능) - supa-clinet.ts 파일import { createClient } from "@supabase/supabase-js";import type { Database } from "database.types.. #4 Supabase & Drizzle Database > SUPABASE 프로젝트 생성 및 DATABASE 생성connect 버튼을 누르면 아래 url이 생성이 되는데 .env부분에 저장하자. > DRIZZLE 설치 (공홈 참조)npm i drizzle-orm postgres --legacy-peer-depsnpm i -D drizzle-kit --legacy-peer-deps > db 연동- app/db.ts 파일import { drizzle } from "drizzle-orm/postgres-js";import postgres from "postgres";const client = postgres(process.env.DATABASE_URL!, { prepare: false });const db = drizzle(client);export defaul.. 이전 1 2 3 4 ··· 57 다음
