전체 글 (170) 썸네일형 리스트형 #7 Authentication > supabase를 이용해 인증을 구현해보자npm install @supabase/ssr @supabase/supabase-js 설치 >supa-client.tsimport { createBrowserClient, createServerClient, parseCookieHeader, serializeCookieHeader,} from "@supabase/ssr";import type { MergeDeep, SetNonNullable, SetFieldType } from "type-fest";import type { Database as SupabaseDatabase } from "database.types";export type Database = MergeDeep, "aut.. #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.. 이전 1 2 3 4 ··· 57 다음