payload/examples/auth/nextjs

Auth Example Front-End

This is a Next.js app made explicitly for Payload's Auth Example.

Getting Started

Payload CMS

First you'll need a running CMS. If you have not done so already, open up the cms folder alongside this example and follow the setup instructions. Take note of your server URL, you'll need this in the next step.

Next.js App

1. Clone this repo
2. cd into this directory and run yarn or npm install
3. cp .env.example .env to copy the example environment variables
4. yarn dev or npm run dev to start the server
5. open http://localhost:3000 to see the result

Once running you will find a couple seeded pages on your local environment with some basic instructions. You can also start editing the pages by modifying the documents within your CMS. See the Auth Example CMS for full details.

Learn More

To learn more about PayloadCMS and Next.js, take a look at the following resources:

• Payload CMS Documentation - learn about Payload CMS features and API.
• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Payload CMS GitHub repository as well as the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Payload CMS deployment documentaton or the Next.js deployment documentation for more details.