How to build static website with payloadcms?

[ziarmandhost]

I'm using app router with this structure:

next.config.mjs:

import { withPayload } from "@payloadcms/next/withPayload"

/** @type {import("next").NextConfig} */
const nextConfig = {
  output: "export",
}

export default withPayload(nextConfig)

/(website)/[slug]/page.tsx:

import type { Page as PageType } from "@/payload-types"
import { queryAllPages, queryPageBySlug } from "@/utils/queryPageBySlug"
import { RenderBlocks } from "@/utils/RenderBlocks"
import { notFound } from "next/navigation"

type Args = {
  params: Promise<{
    slug?: string
  }>
}

export async function generateStaticParams() {
  const pages = await queryAllPages()

  return pages.map(pageTitle => ({ slug: pageTitle }))
}

export const revalidate = 86400

export default async function Page({ params }: Args) {
  const { slug = "" } = await params
  const page: PageType | null = await queryPageBySlug({ slug })

  if (!page) {
    notFound()
  }

  return <RenderBlocks blocks={page.layout} />
}

Error:

Collecting page data ..Error: export const dynamic = "force-static"/export const revalidate not configured on route "/api/[...slug]" with "output: export".

Build error occurred
[Error: Failed to collect page data for /api/[...slug]] {
type: 'Error'
}

[bratvanov]

I recently ran into the same issue (#9855) and couldn't find a fix.

My current workaround, until a better one is provided, is to run two Next.js applications. One with Payload, and another vanilla Next.js application configured with output: "export" that builds the front-end via REST API calls to the first Payload app.

[ziarmandhost]

I mean I understand that I cant statically build admin pages and routes, but at least I should be able to static generate my website. So maybe there is a way to ignore /(payload)/ folder when generating static website?