payloadcms / payload

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
https://payloadcms.com
MIT License
25.74k stars 1.64k forks source link

payload on next js 14 #8266

Closed zainaliyt closed 2 months ago

zainaliyt commented 2 months ago

Link to reproduction

No response

Describe the Bug

i cant access /admin and other stuff related to payload, build log: seem to be ok! $ cross-env PAYLOAD_CONFIG_PATH=dist/payload/payload.config.js NEXT_BUILD=true node dist/server.js [18:25:04] INFO (payload): Connected to MongoDB server successfully! [18:25:04] INFO (payload): Starting Payload... [18:25:04] INFO (payload): Payload Admin URL: https://main-property-vista.vercel.app/admin [18:25:04] INFO (payload): Seeding database... [18:25:04] INFO (payload): — Clearing media... [18:25:04] INFO (payload): — Clearing collections and globals... [18:25:07] INFO (payload): — Seeding demo author and user... [18:25:09] INFO (payload): — Seeding media... [18:25:17] INFO (payload): — Seeding categories... [18:25:22] INFO (payload): — Seeding posts... [18:25:23] INFO (payload): Revalidated page 'digital-horizons' in collection 'posts' [18:25:24] INFO (payload): Revalidated page 'global-gaze' in collection 'posts' [18:25:25] INFO (payload): Revalidated page 'dollar-sense' in collection 'posts' [18:25:28] INFO (payload): Revalidated page 'digital-horizons' in collection 'posts' [18:25:30] INFO (payload): Revalidated page 'global-gaze' in collection 'posts' [18:25:33] INFO (payload): Revalidated page 'dollar-sense' in collection 'posts' [18:25:33] INFO (payload): — Seeding comments... [18:25:35] INFO (payload): — Seeding projects... [18:25:37] INFO (payload): Revalidated page 'elevated-design' in collection 'projects' [18:25:37] INFO (payload): Revalidated page 'software' in collection 'projects' [18:25:38] INFO (payload): Revalidated page 'engineering' in collection 'projects' [18:25:39] INFO (payload): Revalidated page 'elevated-design' in collection 'projects' [18:25:41] INFO (payload): Revalidated page 'software' in collection 'projects' [18:25:42] INFO (payload): Revalidated page 'engineering' in collection 'projects'

To Reproduce

check domain https://main-property-vista.vercel.app/

Payload Version

2.0.0

Adapters and Plugins

No response

paulpopus commented 2 months ago

Payload v2 is not officially supported to be hosted on Vercel. The demo that you linked is also using a custom server with Nextjs which isn't supported for Nextjs projects hosted on Vercel, only self hosted.

If you are getting started with Payload I would actually recommend that you start with v3 since it officially works with Vercel.

npx create-payload-app@beta

And there you can select the website template if you want a bit more theming and features configured out of the box for you.

You can also compare the configuration generated there with the one provided in our Vercel one-click deploy https://github.com/payloadcms/vercel-deploy-payload-postgres

If you are specifically looking to deploy on Vercel then that one click deploy is gonna work for you and you can copy things over from the website template.

We also have a database adapter in v3 specifically for Vercel's database service: https://payloadcms.com/docs/beta/database/postgres#usage

I hope this clears things out for you and let me know if you need any more help!

github-actions[bot] commented 2 months ago

This issue has been automatically locked. Please open a new issue if this issue persists with any additional detail.