OAuth와 소셜 로그인

[사용자] → "구글로 로그인" 클릭
    ↓
[우리 앱] → 구글 인증 서버로 리다이렉트
    ↓
[구글] → 사용자 로그인 확인 → authorization code 발급
    ↓
[우리 앱 서버] → code로 access_token 요청
    ↓
[구글] → access_token + 사용자 정보 반환
    ↓
[우리 앱] → 세션 생성, 로그인 완료!

// Supabase 소셜 로그인 — 단 5줄
import { createClient } from "@supabase/supabase-js";

const supabase = createClient(SUPABASE_URL, SUPABASE_KEY);

// 구글 로그인
async function signInWithGoogle() {
  const { data, error } = await supabase.auth.signInWithOAuth({
    provider: "google",
    options: {
      redirectTo: "https://myapp.com/auth/callback",
    },
  });
}

// 카카오 로그인 — provider만 바꾸면 됨
async function signInWithKakao() {
  await supabase.auth.signInWithOAuth({
    provider: "kakao",
  });
}

// 현재 로그인 사용자 정보 가져오기
const { data: { user } } = await supabase.auth.getUser();

console.log(user?.email);    // "user@gmail.com"
console.log(user?.id);       // "uuid-1234-5678"

// 로그아웃
await supabase.auth.signOut();

// middleware.ts — Next.js 미들웨어
import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";
import { createClient } from "@/lib/supabase/middleware";

export async function middleware(request: NextRequest) {
  const { supabase, response } = createClient(request);

  const { data: { session } } = await supabase.auth.getSession();

  // 로그인 안 했으면 → /login으로 리다이렉트
  if (!session && request.nextUrl.pathname.startsWith("/dashboard")) {
    return NextResponse.redirect(new URL("/login", request.url));
  }

  return response;
}

export const config = {
  matcher: ["/dashboard/:path*", "/settings/:path*"],
};