thek1d21/front-endtemplate-website-nextjs

The Next.js website for the official Payload website template

NOTICE! This repo is currently under active development. Please check back periodically for updates.

This is a Next.js app made explicitly for Payload's Website Template.

Key features:

• Payload, Next.js, GraphQL, TypeScript
• Pre-made layout building blocks
• Payload Admin Bar
• Complete SEO solution

Getting Started

Payload

First you'll need a running Payload instance. If you have not done so already, clone the Payload Website Template and follow the setup instructions. Take note of your server URL, you'll need this in the next step.

Next.js App

First, get your environment setup:

1. First copy the example .env file as your own:

     cp .env.example .env

2. Then open the .env file and paste your Payload server URL:

     NEXT_PUBLIC_CMS_URL=http://localhost:8000

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying the documents within your CMS.

Learn More

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

• Payload Documentation - learn about Payload features and API.
• Payload GraphQL Documentation - Payload's GraphQL documentation.
• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Payload + Next.js Preview Example - Payload's example of how to preview Next.js apps
• Payload Admin Bar - A React component used to easily navigate to and from Payload

You can check out the Payload 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 deployment documentation or the Next.js deployment documentation for more details.