Vercel deployment

rgolubowicz2 years ago

17

• 

  notchr2 years ago

  Relevant info:

  https://github.com/payloadcms/payload/discussions/528
  
  

  If you are building a website on top of Serverless Payload from a service like Vercel, it is going to send hundreds of simultaneous requests to build pages, and each requests is going to take db connection slots so you will need to be carefull depending on your MongoDB plan.

  
  
  https://github.com/payloadcms/payload/discussions/570
  
  

  Netlify and Vercel aren't good candidates for Express apps to be deployed on. Those platforms are best for serverless or fully static sites—while Payload requires an Express server.

• 

  rgolubowicz2 years ago

  Thanks,

  
  
  

  I've already see those issues and risks, but our team wants to investigate it on their own (those limits etc).

  
  
  

  Anyway, that didn't help me. I've tried with vercel config like that:

  
  
  { "version": 2, "rewrites": [{ "source": "/(.*)", "destination": "/api" }] }
  
  

  On the root of file I've created api/index.ts that's exporting src/server.ts

  
  
  

  Structure looks like that
• 

  notchr2 years ago

  hmmm

• 

  rgolubowicz2 years ago

  btw, it's just an empty payload cms project - todos starter

• 

  notchr2 years ago

  Ah ok good to know

  
  
  

  So just to help you better

  
  
  

  You try to run build payload

  
  
  

  Then you try to run serve it

  
  
  

  that's when you get errors?

• 

  rgolubowicz2 years ago

  not really,

  
  

  I'm builiding everything on the. vercel (I've just make a screenshot locally to show u just a structure)

• 

  notchr2 years ago

  Hmm, hopefully I can help, I've only used Payload in normal enviornments, not in serverless

• 

  rgolubowicz2 years ago

  let me a second

  
  
  
  
  

  So just the frontend is not visible, there's some kind of issue with that

  
  
  

  When I try to call API directly, it's OK

  
  
  

  I've already tried to set output directory to "build" as well
• 

  notchr2 years ago

  ok so

  
  
  

  hopefuly this will give you some ideas

  
  
  

  We host payload at work through a proxy, so some of our configuration has been a bit more complex

  
  
  

  We direct our main traffic to port :3000 where payload lives

  
  
  

  So we needed to set the directory to static

  
  
  

  app.use(express.static("/var/www/beta.safsonline.com/client/"));

  
  
  

  note client is just an angular app

  
  
  

  we also had to route get requests to "/" to the client entry index.html

  
  
  

  since its an SPA

  
  
  

  if your API works, but you are unable to render anything via get

  
  
  

  my guess is the files it should be serving are not being served correctly

• 

  rgolubowicz2 years ago

  umm

  
  
  

  I don't think that can help me; imo payload cms should serve static files already

  
  
  @1049775120559898725

  I've did something like that

  
  
  { "version": 2, "rewrites": [ { "source": "/admin/:path", "destination": "/:path" }, { "source": "/(.*)", "destination": "/api" } ], "outputDirectory": "build", "buildCommand": "yarn build" }
  
  

  and it's from network perspective looks OK

  
  
  

  but basically I have a dark website and a main section is missing
• 

  notchr2 years ago

  How about your error log

• 

  rgolubowicz2 years ago

  There's no error log 😄

  
  
  

  Ok, I've did it

  
  
  

  If someone will gonna look for the solution

  
  
  { "version": 2, "rewrites": [{ "source": "/(.*)", "destination": "/api" }], "functions": { "api/index.ts": { "includeFiles": "build/**" } }, "outputDirectory": "build", "buildCommand": "yarn build" }
  
  

  It's the vercel.json

  
  
  

  There's one issue that homepage is not redirecting to the /admin/login, but gonna fix that 🙂

  
  
  

  So for now - it's need go directly /admin/login in url

• 

  notchr2 years ago

  Yayyyy

• 

  rgolubowicz2 years ago

  thanks

  @1049775120559898725

  for your support! ❤️

• 

  notchr2 years ago

  hey of course mate!

• 

  denolfe

  2 years ago

  @1065565015324758097

  This is something to keep an eye on as well. 😉

  
  
  

  Not ready for primetime yet, though.

  
  
  https://github.com/payloadcms/next-payload
• 

  rgolubowicz2 years ago

  thanks, didn't see that before