david-li0406/meta-skill-evloving/jikime-platform-vercel

{
  "$schema": "https://openapi.vercel.sh/vercel.json",
  "framework": "nextjs",
  "regions": ["icn1", "hnd1"],
  "functions": {
    "src/app/api/**/*.ts": {
      "memory": 1024,
      "maxDuration": 30
    }
  },
  "headers": [
    {
      "source": "/api/(.*)",
      "headers": [
        { "key": "Cache-Control", "value": "s-maxage=60, stale-while-revalidate" }
      ]
    }
  ]
}

// src/app/api/geo/route.ts
export const runtime = 'edge';
export const preferredRegion = ['icn1', 'hnd1'];
export async function GET(request: Request) {
  const country = request.geo?.country ?? 'Unknown';
  const city = request.geo?.city ?? 'Unknown';
  return Response.json({
    country,
    city,
    timestamp: new Date().toISOString(),
  });
}

// src/middleware.ts
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';
export function middleware(request: NextRequest) {
  // Geo-based redirect
  const country = request.geo?.country;
  if (country === 'KR' && !request.nextUrl.pathname.startsWith('/ko')) {
    return NextResponse.redirect(new URL('/ko', request.url));
  }
  // Add custom header
  const response = NextResponse.next();
  response.headers.set('x-custom-header', 'value');
  return response;
}
export const config = {
  matcher: ['/((?!_next/static|_next/image|favicon.ico).*)'],
};

// src/app/posts/page.tsx
export const revalidate = 60; // 60초마다 재생성
export default async function PostsPage() {
  const posts = await fetchPosts();
  return <PostList posts={posts} />;
}

// src/app/api/revalidate/route.ts
import { revalidateTag, revalidatePath } from 'next/cache';
import { NextRequest } from 'next/server';
export async function POST(request: NextRequest) {
  const { tag, path, secret } = await request.json();
  if (secret !== process.env.REVALIDATION_SECRET) {
    return Response.json({ error: 'Invalid secret' }, { status: 401 });
  }
  if (tag) {
    revalidateTag(tag);
  }
  if (path) {
    revalidatePath(path);
  }
  return Response.json({ revalidated: true, now: Date.now() });
}

// lib/api.ts
export async function getPosts() {
  const res = await fetch('https://api.example.com/posts', {
    next: { tags: ['posts'] },
  });
  return res.json();
}
export async function getPost(id: string) {
  const res = await fetch(`https://api.example.com/posts/${id}`, {
    next: { tags: ['posts', `post-${id}`] },
  });
  return res.json();
}

// lib/kv.ts
import { kv } from '@vercel/kv';
// Set
await kv.set('user:123', { name: 'John', email: 'john@example.com' });
// Get
const user = await kv.get('user:123');
// Set with expiry (TTL)
await kv.set('session:abc', { userId: '123' }, { ex: 3600 }); // 1시간
// Delete
await kv.del('user:123');
// Increment
await kv.incr('page:views');
// List operations
await kv.lpush('queue:tasks', task);
const task = await kv.rpop('queue:tasks');

// src/app/api/upload/route.ts
import { put, del } from '@vercel/blob';
export async function POST(request: Request) {
  const formData = await request.formData();
  const file = formData.get('file') as File;
  const blob = await put(file.name, file, {
    access: 'public',
  });
  return Response.json(blob);
}
export async function DELETE(request: Request) {
  const { url } = await request.json();
  await del(url);
  return Response.json({ deleted: true });
}

// src/app/layout.tsx
import { Analytics } from '@vercel/analytics/react';
import { SpeedInsights } from '@vercel/speed-insights/next';
export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Analytics />
        <SpeedInsights />
      </body>
    </html>
  );
}

# Vercel CLI
vercel env add NEXT_PUBLIC_API_URL production
vercel env pull .env.local
 
# Preview-specific
vercel env add DATABASE_URL preview

# CLI 배포
vercel              # Preview
vercel --prod       # Production
 
# Git 연동
# main → Production
# PR → Preview (자동)