Steps to merge NextJS with Payload

Linus

last month

14

• 

  jacobsfletch

  Payload Team

  last month

  That demo is specifically for those who wish to run Payload

  serverlessly within their Next.js application

  . This means local storage is not possible and so an s3 bucket or equivalent is required if you wish to store media. You may find

  https://github.com/payloadcms/nextjs-custom-server

  more closely aligned with what you're looking for. It demonstrates how to plugin your Next.js app into

  Payload's

  Express server.

• 

  jmikrut

  Payload Team

  last month

  @Linus also you can look at the

  next-payload

  package itself, which is

  how

  that demo you linked was created

  
  

  
  

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

  Linus

  last month

  Thank you both for your help!

  
  

  
  

  next-payload

  is exactly what I was looking for, must've missed it somehow.

• 

  cor.vanoostenbrugge

  last month

  So, if i understand it correctly. You can't use the next-payload plugin and store uploads locally so we're required to use something like S3?

• 

  jmikrut

  Payload Team

  last month

  correct - there is no persistent file storage on Vercel (their infra gets created / destroyed each time you deploy, etc)

  
  

  
  

  so your files would all be destroyed frequently

• 

  cor.vanoostenbrugge

  last month

  But what about non-Vercel hosting? We're deploying all our applications in dedicated Docker containers on our own servers, so we have persistent storage.

• 

  jmikrut

  Payload Team

  last month

  then you don't need to use something like S3 at all - Payload can also store files locally 👍

  
  

  
  

  that's actually the default behavior

• 

  cor.vanoostenbrugge

  last month

  Thnx, for some reason we couldn't get this to work. Mainly because it looked like images got the wrong URL e.g. localhost:3000/image.png and Next.js intercepted these and returned a 404. We stopped looking into this after we found this help topic where it looks like local media isn't supported at all with next-payload.

• 

  jmikrut

  Payload Team

  last month

  the

  next-payload

  package is good for Vercel / serverless - but if you have the ability to use an Express server, then you should use our

  nextjs-custom-server

  which also combines Payload and Next, but there, local files are supported