6. 코드 템플릿
6-1. Supabase 인증 전체 추가
[사용자 → Claude Code]
~/dev-templates/auth/supabase/에서 인증 코드 복사해서 적용해줘.
복사할 파일:
- client.ts → src/lib/auth/client.ts
- server.ts → src/lib/auth/server.ts
- middleware.ts → src/lib/auth/middleware.ts
- actions.ts → src/lib/auth/actions.ts
~/dev-templates/auth/components/에서:
- SignUpForm.tsx → src/components/auth/SignUpForm.tsx
- LoginForm.tsx → src/components/auth/LoginForm.tsx
적용 후 import 경로 프로젝트에 맞게 수정해줘.
6-2. 공통 UI 컴포넌트 추가
[사용자 → Claude Code]
~/dev-templates/ui/에서 공통 컴포넌트 복사해줘.
- Button.tsx → src/components/ui/Button.tsx
- Input.tsx → src/components/ui/Input.tsx
적용 후 import 경로 확인해줘.
6-3. API fetcher 추가
[사용자 → Claude Code]
~/dev-templates/api/fetcher.ts → src/lib/api/fetcher.ts 복사해줘.
사용법도 간단히 알려줘.
6-4. 전체 스택 템플릿 적용
[사용자 → Claude Code]
~/dev-templates/stacks/nextjs-supabase/ 참고해서
이 프로젝트에 필요한 파일들 적용해줘.
README.md 읽고 순서대로 진행해줘.