Vercel + Turso + Better Auth：プレビューデプロイメント完全ガイド

❌ Invalid environment variables: [
  {
    expected: 'string',
    code: 'invalid_type',
    path: [ 'TURSO_DATABASE_URL' ],
    message: 'Invalid input: expected string, received undefined'
  }
]

$ vercel env ls
TURSO_DATABASE_URL   Encrypted   Preview (issue-27)   30m ago

$ vercel env pull --environment=preview --git-branch=issue-27 .env.local
TURSO_DATABASE_URL="libsql://linto-issue-27-xxx.turso.io"

$ vercel inspect https://linto-xxx.vercel.app
target: preview
# ブランチ情報が表示されない！

{
  "key": "TURSO_DATABASE_URL",
  "value": "libsql://...",
  "target": ["preview"],
  "gitBranch": "issue-27"
}

- name: Deploy to Vercel
  run: |
    vercel deploy --prebuilt \
      --env TURSO_DATABASE_URL=${{ steps.db_url.outputs.url }} \
      --env TURSO_AUTH_TOKEN=${{ secrets.TURSO_GROUP_TOKEN }} \
      --env BETTER_AUTH_URL=$PREVIEW_URL \
      --env NEXT_PUBLIC_SITE_URL=$PREVIEW_URL \
      --token=${{ secrets.VERCEL_TOKEN }}

Error 400: redirect_uri_mismatch

import { betterAuth } from "better-auth";
import { oAuthProxy } from "better-auth/plugins";

const PRODUCTION_URL = "https://your-app.vercel.app";

export const auth = betterAuth({
  baseURL: env.BETTER_AUTH_URL,
  // Vercel のプレビュードメインを信頼
  trustedOrigins: ["https://*.vercel.app"],
  plugins: [
    oAuthProxy({
      // 現在のデプロイメント URL
      currentURL: env.BETTER_AUTH_URL,
      // Production 環境の URL（Google に登録した redirect URI のベース）
      productionURL: PRODUCTION_URL,
    }),
  ],
  socialProviders: {
    google: {
      clientId: env.GOOGLE_CLIENT_ID,
      clientSecret: env.GOOGLE_CLIENT_SECRET,
      // redirect URI を明示的に Production に設定
      redirectURI: `${PRODUCTION_URL}/api/auth/callback/google`,
    },
  },
});

export const auth = betterAuth({
  account: {
    skipStateCookieCheck: true,
  },
  // ...
});

// カスタムドメインを使用する場合
const PRODUCTION_URL = "https://example.com";

// Vercel デフォルトドメインの場合
// const PRODUCTION_URL = "https://your-project.vercel.app";

export const auth = betterAuth({
  baseURL: env.BETTER_AUTH_URL,
  // カスタムドメインと Vercel プレビュードメインの両方を信頼
  trustedOrigins: [
    "https://example.com",           // カスタムドメイン（Production）
    "https://www.example.com",       // www サブドメイン（必要な場合）
    "https://*.vercel.app",          // Vercel プレビュードメイン
  ],
  plugins: [
    oAuthProxy({
      currentURL: env.BETTER_AUTH_URL,
      productionURL: "https://example.com",
    }),
  ],
  socialProviders: {
    google: {
      clientId: env.GOOGLE_CLIENT_ID,
      clientSecret: env.GOOGLE_CLIENT_SECRET,
      redirectURI: "https://example.com/api/auth/callback/google",
    },
  },
});

# 変更前（Vercel デフォルトドメイン）
https://your-project.vercel.app/api/auth/callback/google

# 変更後（カスタムドメイン）
https://example.com/api/auth/callback/google

// vercel.json
{
  "redirects": [
    {
      "source": "/(.*)",
      "has": [
        {
          "type": "host",
          "value": "your-project.vercel.app"
        }
      ],
      "destination": "https://example.com/$1",
      "permanent": true
    }
  ]
}

{
  "git": {
    "deploymentEnabled": {
      "main": true,
      "develop": true,
      "issue-*": false
    }
  }
}

turso db create my-new-database-branch --from-db my-existing-database

- name: Generate DB name from branch
  id: db_name
  run: |
    BRANCH="${{ github.head_ref }}"
    # ブランチ名を安全なDB名に変換（小文字、英数字とハイフンのみ、32文字以内）
    DB_NAME="linto-$(echo "$BRANCH" | tr '[:upper:]' '[:lower:]' | tr -cd '[:alnum:]-' | cut -c 1-32)"
    echo "name=$DB_NAME" >> $GITHUB_OUTPUT

- name: Check if database exists
  id: db_check
  env:
    TURSO_API_TOKEN: ${{ secrets.TURSO_API_TOKEN }}
  run: |
    if ~/.turso/turso db show ${{ steps.db_name.outputs.name }} > /dev/null 2>&1; then
      echo "exists=true" >> $GITHUB_OUTPUT
    else
      echo "exists=false" >> $GITHUB_OUTPUT
    fi

- name: Create Preview Database (branched from staging)
  if: steps.db_check.outputs.exists == 'false'
  env:
    TURSO_API_TOKEN: ${{ secrets.TURSO_API_TOKEN }}
  run: |
    ~/.turso/turso db create ${{ steps.db_name.outputs.name }} \
      --from-db linto-staging \
      --group preview

name: Preview DB Delete

on:
  pull_request:
    types: [closed]
    branches: [develop]

jobs:
  delete-preview-db:
    runs-on: ubuntu-latest
    steps:
      - name: Install Turso CLI
        run: curl -sSfL https://get.tur.so/install.sh | bash

      - name: Generate DB name from branch
        id: db_name
        run: |
          BRANCH="${{ github.head_ref }}"
          DB_NAME="linto-$(echo "$BRANCH" | tr '[:upper:]' '[:lower:]' | tr -cd '[:alnum:]-' | cut -c 1-32)"
          echo "name=$DB_NAME" >> $GITHUB_OUTPUT

      - name: Delete Preview Database
        env:
          TURSO_API_TOKEN: ${{ secrets.TURSO_API_TOKEN }}
        run: |
          ~/.turso/turso db destroy ${{ steps.db_name.outputs.name }} --yes || true

on:
  push:
    branches: [develop]
    paths:
      - "src/db/schema/**"
      - "drizzle/**"

src/db/schema/** 変更
        ↓
drizzle-kit generate（ローカルで実行）
        ↓
drizzle/** にマイグレーションファイル生成
        ↓
git commit & push
        ↓
drizzle-kit migrate（CI で実行）

on:
  push:
    branches: [develop]
    paths:
      - "drizzle/**"