时间交易应用

npm install

NEXT_PUBLIC_SUPABASE_URL=your-project-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key

npm run dev

.
├── app/                  # Next.js App Router 페이지
│   ├── layout.tsx       # 루트 레이아웃
│   ├── page.tsx         # 홈페이지
│   └── globals.css      # 전역 스타일
├── lib/                  # 유틸리티 및 설정
│   ├── supabase.ts      # 클라이언트 사이드 Supabase 클라이언트
│   └── supabase-server.ts # 서버 사이드 Supabase 클라이언트
└── .env.local           # 환경 변수 (gitignore됨)

'use client'

import { supabase } from '@/lib/supabase'

export default function MyComponent() {
  // Supabase 사용 예시
  const fetchData = async () => {
    const { data, error } = await supabase.from('your_table').select('*')
  }

  return <div>...</div>
}

import { createServerClient } from '@/lib/supabase-server'

export default async function MyServerComponent() {
  const supabase = await createServerClient()
  const { data, error } = await supabase.from('your_table').select('*')

  return <div>...</div>
}

npm run dev      # 개발 서버 실행
npm run build    # 프로덕션 빌드
npm run start    # 프로덕션 서버 실행
npm run lint     # ESLint 실행