Installation

import { buildConfig } from 'payload'
import { postgresAdapter } from '@payloadcms/db-postgres'
import { pageTreePlugin } from '@delmaredigital/payload-page-tree'
import { Pages } from './collections/Pages'

export default buildConfig({
  secret: process.env.PAYLOAD_SECRET!,
  db: postgresAdapter({ pool: { connectionString: process.env.DATABASE_URL! } }),
  admin: { user: 'users' },
  collections: [{ slug: 'users', auth: true, fields: [] }, Pages],
  plugins: [
    pageTreePlugin(), // Auto-detects 'pages' and 'posts' if they exist
  ],
})

import type { CollectionConfig } from 'payload'

export const Pages: CollectionConfig = {
  slug: 'pages',
  versions: { drafts: true },
  fields: [
    { name: 'title', type: 'text', required: true },
    // A plain slug field — the plugin manages it
    {
      name: 'slug',
      type: 'text',
      required: true,
      unique: true,
      index: true,
    },
    // ... other fields
  ],
}

import { getPayload } from 'payload'
import { notFound } from 'next/navigation'
import config from '@payload-config'

export default async function Page({ params }: { params: Promise<{ slug: string[] }> }) {
  const { slug } = await params
  const fullSlug = slug.join('/')

  const payload = await getPayload({ config })
  const { docs } = await payload.find({
    collection: 'pages',
    where: { and: [
      { slug: { equals: fullSlug } },
      { _status: { equals: 'published' } },
    ] },
    limit: 1,
  })

  const page = docs[0]
  if (!page) notFound()
  return <h1>{page.title}</h1>
}