ตารางอ้างอิง Environment Variables ทั้งหมดที่ใช้ใน npm run setup
💡 Tip: คอลัมน์ “หัวข้อ” คือข้อความที่จะปรากฏใน terminal เมื่อรัน npm run setup
Step 1: Google OAuth
| หัวข้อ | ตัวแปร | คำอธิบาย | ดูวิธีตั้งค่า |
|---|
| Google Client ID | GOOGLE_CLIENT_ID | OAuth Client ID จาก Google Cloud Console | Google Cloud OAuth |
| Google Client Secret | GOOGLE_CLIENT_SECRET | OAuth Client Secret จาก Google Cloud Console | Google Cloud OAuth |
Step 2: NextAuth Configuration
| หัวข้อ | ตัวแปร | คำอธิบาย | ดูวิธีตั้งค่า |
|---|
| Your app URL | NEXTAUTH_URL | URL หลักของ application | ตั้งตามสภาพแวดล้อม (ดูตารางด้านล่าง) |
| Session secret (auto-generated) | NEXTAUTH_SECRET | Secret key สำหรับเข้ารหัส session | – สร้างอัตโนมัติผ่าน GitHub Codespaces
– สร้างด้วยคำสั่ง openssl rand -base64 32
– สร้างด้วยโปรแกรม รหัสจากการสุ่ม (HEX 32) |
ค่า NEXTAUTH_URL ตามสภาพแวดล้อม
| สภาพแวดล้อม | ค่าที่ต้องใส่ | หมายเหตุ |
|---|
| Cursor IDE (Local) | http://localhost:3000 | – |
| Codespaces | https://<codespace-name>-3000.app.github.dev | ดูจาก URL ที่ Codespaces เปิดให้ |
| Railway (Production) | https://<app-name>.up.railway.app | หรือ custom domain ถ้ามี |
Step 3: Database
| หัวข้อ | ตัวแปร | คำอธิบาย | ดูวิธีตั้งค่า |
|---|
| PostgreSQL connection string | DATABASE_URL | Connection string สำหรับเชื่อมต่อ PostgreSQL | Supabase |
| Direct URL for migrations | DIRECT_URL | Connection string แบบ direct (ไม่ผ่าน connection pooler) | Supabase |
💡 หมายเหตุ: ถ้าใช้ Codespaces ไม่จำเป็นต้องตั้งค่า Database เพราะมี PostgreSQL ในตัวอยู่แล้ว
Step 4: Cloud Storage (Optional)
| หัวข้อ | ตัวแปร | คำอธิบาย | ดูวิธีตั้งค่า |
|---|
| Storage Provider | STORAGE_PROVIDER | เลือก “Google Cloud Storage” | – |
| Bucket name | GCS_BUCKET | ชื่อ bucket ที่สร้างไว้ใน GCS | Google Cloud Storage |
| Project ID | GCS_PROJECT_ID | Project ID จาก Google Cloud | Google Cloud Storage |
| Service Account JSON | GCS_CREDENTIALS | Service Account credentials ในรูปแบบ JSON | Google Cloud Storage |
สรุป
| หมวด | ตัวแปรที่จำเป็น |
|---|
| Google OAuth | GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET |
| NextAuth | NEXTAUTH_URL, NEXTAUTH_SECRET |
| Database | DATABASE_URL, DIRECT_URL |
| Storage | STORAGE_PROVIDER, GCS_BUCKET, GCS_PROJECT_ID, GCS_CREDENTIALS |