Next + Payload Serverless Demo

This is a demo showing how to utilize @payloadcms/next-payload to deploy Payload serverlessly, in the same repo alongside of a Next.js app.

Deploy your own

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

bash

npx create-next-app --example cms-payload cms-payload-app

bash

yarn create next-app --example cms-payload cms-payload-app

bash

pnpm create next-app --example cms-payload cms-payload-app

Deploy it to the cloud with Vercel (Documentation).

The only thing you need to do to deploy to Vercel is to ensure that you have a Mongo Atlas database connection string and an S3 bucket (if desired).

Fill out the same environment variables that are shown in the .env.example with your own values, and then you're good to go!

To develop with this package locally, make sure you have the following required software:

Follow the steps below to spin up a local dev environment:

From there, you can visit your admin panel via navigating to http://localhost:3000/admin. Go ahead and start working!