Remix Vercel部署 #

npm install -g vercel

vercel login

{
  "buildCommand": "npm run build",
  "devCommand": "npm run dev",
  "installCommand": "npm install",
  "framework": "remix",
  "regions": ["hkg1"],
  "functions": {
    "app/routes/**": {
      "memory": 1024,
      "maxDuration": 10
    }
  }
}

{
  "scripts": {
    "dev": "remix vite:dev",
    "build": "remix vite:build",
    "start": "remix-serve ./build/server/index.js"
  }
}

vercel

vercel --prod

vercel

vercel env add DATABASE_URL
vercel env add SESSION_SECRET

DATABASE_URL=
SESSION_SECRET=
PUBLIC_API_URL=

vercel domains add example.com

{
  "functions": {
    "app/routes/api/**": {
      "memory": 3008
    }
  }
}

{
  "functions": {
    "app/routes/api/**": {
      "maxDuration": 60
    }
  }
}

{
  "headers": [
    {
      "source": "/assets/(.*)",
      "headers": [
        {
          "key": "Cache-Control",
          "value": "public, max-age=31536000, immutable"
        }
      ]
    }
  ]
}

export async function loader() {
  return json(data, {
    headers: {
      "Cache-Control": "public, s-maxage=60",
    },
  });
}

vercel logs

vercel logs --follow

vercel analytics enable

{
  "git": {
    "deploymentEnabled": {
      "main": true
    }
  }
}

vercel rollback

{
  "functions": {
    "app/routes/**": {
      "maxDuration": 30
    }
  }
}

{
  "functions": {
    "app/routes/**": {
      "memory": 3008
    }
  }
}