fix: Add dynamic export to API routes to prevent static rendering errors

maitamdev · maitamdev · commit 8f6948904f81 · 2025-12-24T14:05:12.000+07:00
diff --git a/app/api/api-keys/[id]/route.ts b/app/api/api-keys/[id]/route.ts
@@ -7,6 +7,9 @@ import { getServerSession } from 'next-auth'
 import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function DELETE(
   request: NextRequest,
   { params }: { params: { id: string } }
diff --git a/app/api/api-keys/route.ts b/app/api/api-keys/route.ts
@@ -8,7 +8,8 @@ import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 import { nanoid } from 'nanoid'
 import { hash } from 'bcryptjs'
-
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
 export async function GET(request: NextRequest) {
   try {
     const session = await getServerSession(authOptions)
diff --git a/app/api/export/pdf/[scanId]/route.ts b/app/api/export/pdf/[scanId]/route.ts
@@ -7,7 +7,8 @@ import { getServerSession } from 'next-auth'
 import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 import { PDFDocument, rgb, StandardFonts } from 'pdf-lib'
-
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
 export async function GET(
   request: NextRequest,
   { params }: { params: { scanId: string } }
diff --git a/app/api/history/[id]/route.ts b/app/api/history/[id]/route.ts
@@ -7,6 +7,9 @@ import { getServerSession } from 'next-auth'
 import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function DELETE(
   request: NextRequest,
   { params }: { params: { id: string } }
diff --git a/app/api/history/route.ts b/app/api/history/route.ts
@@ -7,6 +7,9 @@ import { getServerSession } from 'next-auth'
 import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function GET(request: NextRequest) {
   try {
     const session = await getServerSession(authOptions)
diff --git a/app/api/organizations/route.ts b/app/api/organizations/route.ts
@@ -7,6 +7,9 @@ import { getServerSession } from 'next-auth'
 import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function GET(request: NextRequest) {
   try {
     const session = await getServerSession(authOptions)
diff --git a/app/api/scan-v2/route.ts b/app/api/scan-v2/route.ts
@@ -18,6 +18,9 @@ import { checkExternalSources } from '@/app/lib/externalSources'
 import { checkRateLimit, incrementUsage, checkIPRateLimit as checkAnonLimit } from '@/app/lib/rate-limit'
 import { nanoid } from 'nanoid'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function POST(request: NextRequest) {
   const headers = getSecurityHeaders()
   
diff --git a/app/api/stripe/checkout/route.ts b/app/api/stripe/checkout/route.ts
@@ -9,6 +9,9 @@ import { authOptions } from '@/app/lib/auth'
 import { createCheckoutSession } from '@/app/lib/stripe'
 import { z } from 'zod'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 const checkoutSchema = z.object({
   priceId: z.string(),
   tier: z.enum(['PRO', 'BUSINESS']),
diff --git a/app/api/stripe/portal/route.ts b/app/api/stripe/portal/route.ts
@@ -9,6 +9,9 @@ import { authOptions } from '@/app/lib/auth'
 import { createCustomerPortalSession } from '@/app/lib/stripe'
 import prisma from '@/app/lib/db'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function POST(request: NextRequest) {
   try {
     if (!process.env.STRIPE_SECRET_KEY) {
diff --git a/app/api/watchlist/[id]/route.ts b/app/api/watchlist/[id]/route.ts
@@ -7,6 +7,9 @@ import { getServerSession } from 'next-auth'
 import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 export async function DELETE(
   request: NextRequest,
   { params }: { params: { id: string } }
diff --git a/app/api/watchlist/route.ts b/app/api/watchlist/route.ts
@@ -8,6 +8,9 @@ import { authOptions } from '@/app/lib/auth'
 import prisma from '@/app/lib/db'
 import { z } from 'zod'
 
+export const dynamic = 'force-dynamic'
+export const runtime = 'nodejs'
+
 const watchlistSchema = z.object({
   type: z.enum(['DOMAIN', 'EMAIL', 'PHONE', 'BANK_ACCOUNT', 'SOCIAL_MEDIA']),
   value: z.string().min(1),
diff --git a/docs/SUPABASE_SQL_COMMANDS.sql b/docs/SUPABASE_SQL_COMMANDS.sql
@@ -148,7 +148,7 @@ SELECT
   ak.name as api_key_name,
   ak.prefix,
   COUNT(au.id) as total_requests,
-  MAX(au."timestamp") as last_used
+  MAX(au."createdAt") as last_used
 FROM "ApiKey" ak
 JOIN "User" u ON ak."userId" = u.id
 LEFT JOIN "ApiUsage" au ON ak.id = au."apiKeyId"
diff --git a/docs/VERCEL_DEPLOYMENT.md b/docs/VERCEL_DEPLOYMENT.md
@@ -0,0 +1,260 @@
+# Vercel + Supabase Deployment Guide
+
+## Bước 1: Lấy Supabase Connection Strings
+
+1. Vào **Supabase Dashboard**: https://supabase.com/dashboard
+2. Chọn project của bạn
+3. Sidebar: **Settings** (⚙️) → **Database**
+4. Scroll xuống **Connection string** → Chọn tab **URI**
+
+### Copy 2 URLs này:
+
+**Transaction mode (Port 5432):**
+```
+postgresql://postgres.[PROJECT-REF]:[PASSWORD]@aws-0-ap-southeast-1.pooler.supabase.com:5432/postgres
+```
+
+**Session mode (Port 6543):**
+```
+postgresql://postgres.[PROJECT-REF]:[PASSWORD]@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres
+```
+
+> **Lưu ý:** Thay `[PASSWORD]` bằng database password bạn đã tạo khi setup Supabase
+
+---
+
+## Bước 2: Add Environment Variables vào Vercel
+
+1. Vào **Vercel Dashboard**: https://vercel.com/dashboard
+2. Chọn project **Anti-Scam**
+3. **Settings** → **Environment Variables**
+4. Add các variables sau:
+
+### Database (Required):
+```bash
+Name: DATABASE_URL
+Value: postgresql://postgres.xxx:[PASSWORD]@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres?pgbouncer=true
+Environment: Production, Preview, Development
+```
+
+```bash
+Name: DIRECT_URL
+Value: postgresql://postgres.xxx:[PASSWORD]@aws-0-ap-southeast-1.pooler.supabase.com:5432/postgres
+Environment: Production, Preview, Development
+```
+
+### Authentication (Required):
+```bash
+Name: NEXTAUTH_SECRET
+Value: [Generate bằng: openssl rand -base64 32]
+Environment: Production, Preview, Development
+```
+
+```bash
+Name: NEXTAUTH_URL
+Value: https://your-project.vercel.app
+Environment: Production
+```
+
+```bash
+Name: NEXTAUTH_URL
+Value: http://localhost:3000
+Environment: Development
+```
+
+### AI Services (Required để app hoạt động):
+```bash
+Name: HUGGINGFACE_API_KEY
+Value: hf_xxxxxxxxxxxx
+Environment: Production, Preview, Development
+```
+
+```bash
+Name: GROQ_API_KEY
+Value: gsk_xxxxxxxxxxxx
+Environment: Production, Preview, Development
+```
+
+### Stripe (Optional - có thể thêm sau):
+```bash
+Name: STRIPE_SECRET_KEY
+Value: sk_test_xxx (test) hoặc sk_live_xxx (production)
+```
+
+```bash
+Name: STRIPE_WEBHOOK_SECRET
+Value: whsec_xxx
+```
+
+---
+
+## Bước 3: Redeploy Vercel
+
+Sau khi add environment variables:
+
+1. Vào **Deployments** tab
+2. Click vào deployment mới nhất
+3. Click nút **•••** (menu) → **Redeploy**
+4. Chọn **Use existing Build Cache** → **Redeploy**
+
+Hoặc trigger deployment mới bằng git push.
+
+---
+
+## Bước 4: Push Prisma Schema lên Supabase
+
+**Từ local machine:**
+
+```bash
+# Update .env với Supabase connection strings
+# DATABASE_URL="postgresql://postgres.xxx:password@...6543/postgres?pgbouncer=true"
+# DIRECT_URL="postgresql://postgres.xxx:password@...5432/postgres"
+
+# Push schema (tạo tất cả tables)
+npx prisma db push
+
+# Generate Prisma Client
+npx prisma generate
+```
+
+**Hoặc chạy sau khi deploy Vercel:**
+
+1. Vào Vercel Dashboard → Project → **Settings** → **Functions**
+2. Hoặc chạy local với production env:
+
+```bash
+# Pull env vars từ Vercel
+vercel env pull .env.local
+
+# Push schema
+npx prisma db push
+```
+
+---
+
+## Bước 5: Verify Database
+
+### Check trong Supabase:
+
+1. Vào **Supabase Dashboard**
+2. **Table Editor** tab
+3. Bạn sẽ thấy 30+ tables:
+   - User
+   - Account
+   - Session
+   - Subscription
+   - ScanHistory
+   - Watchlist
+   - ApiKey
+   - ... và nhiều bảng khác
+
+### Tạo Admin User (Optional):
+
+Vào **SQL Editor** → New query → Chạy:
+
+```sql
+INSERT INTO "User" (
+  id, email, name, password, role, tier, status, 
+  "emailVerified", "createdAt", "updatedAt"
+) VALUES (
+  gen_random_uuid(),
+  'admin@antiscam.vn',
+  'Admin',
+  '$2a$12$LQv3c1yqBWVHxkd0LHAkCOYz6TtxMQJqhN8/LewY5GyYIwNoRKWMK',
+  'ADMIN',
+  'ENTERPRISE',
+  'ACTIVE',
+  NOW(),
+  NOW(),
+  NOW()
+);
+```
+
+**Login:** `admin@antiscam.vn` / `admin123`
+
+---
+
+## Bước 6: Test Deployment
+
+1. Mở Vercel deployment URL: `https://your-project.vercel.app`
+2. Test các trang:
+   - `/` - Homepage
+   - `/scan` - Scan page
+   - `/auth/signin` - Sign in
+   - `/pricing` - Pricing tiers
+3. Sign up user mới
+4. Check trong Supabase Table Editor → User table
+5. Nếu thấy user mới → **Success!** 🎉
+
+---
+
+## Troubleshooting
+
+### ❌ "Database connection failed"
+
+**Fix:**
+- Check DATABASE_URL và DIRECT_URL trong Vercel env vars
+- Verify password không có ký tự đặc biệt chưa encode
+- Check Supabase project chưa bị pause (click vào project để resume)
+
+### ❌ "Prisma schema not found"
+
+**Fix:**
+```bash
+# Chạy lại từ local
+npx prisma db push
+npx prisma generate
+git add .
+git commit -m "Regenerate Prisma Client"
+git push
+```
+
+### ❌ "NextAuth configuration error"
+
+**Fix:**
+- Check NEXTAUTH_SECRET có trong Vercel env vars
+- NEXTAUTH_URL phải match với Vercel domain chính xác
+
+---
+
+## Environment Variables Checklist
+
+✅ Required cho deployment:
+- [x] DATABASE_URL (Supabase session mode - port 6543)
+- [x] DIRECT_URL (Supabase transaction mode - port 5432)
+- [x] NEXTAUTH_SECRET (random 32+ chars)
+- [x] NEXTAUTH_URL (Vercel deployment URL)
+- [x] HUGGINGFACE_API_KEY (để scan hoạt động)
+- [x] GROQ_API_KEY (để AI analysis hoạt động)
+
+⚠️ Optional (app vẫn chạy nếu thiếu):
+- [ ] STRIPE_SECRET_KEY
+- [ ] STRIPE_WEBHOOK_SECRET
+- [ ] GOOGLE_CLIENT_ID
+- [ ] GOOGLE_CLIENT_SECRET
+- [ ] VIRUSTOTAL_API_KEY
+
+---
+
+## Quick Commands
+
+```bash
+# Generate NEXTAUTH_SECRET
+openssl rand -base64 32
+
+# Pull Vercel env to local
+vercel env pull .env.local
+
+# Push schema to Supabase
+npx prisma db push
+
+# View database
+npx prisma studio
+
+# Deploy to Vercel
+git push origin main
+```
+
+---
+
+**Done! Dự án đã live trên Vercel + Supabase! 🚀**
