전체 글 (167) 썸네일형 리스트형 #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.. #3 UI with Cursor & Shadcn > shadcn을 활용해서 네비게이션을 만들어보자.import { Link } from "react-router";import { Separator } from "~/common/components/ui/separator";import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle,} from "./ui/navigation-menu";import { cn } from "~/lib/utils";import { Button } from "./ui/button";import {.. #2 Using CursorAI > .cursorrules파일생성 및 아래와 같이 입력 (cursorAI 규칙)Remix React Router TypeScript SupabaseYou are an expert in TypeScript, Node.js, React Router, React, Remix, Shadcn UI, Radix UI, Tailwind and Supabase.Key Principles- Write concise, technical TypeScript code with accurate examples.- Use functional and declarative programming patterns; avoid classes.- Prefer iteration and modularization over code duplic.. 이전 1 2 3 4 ··· 56 다음 목록 더보기