How to use it with @payloadcms/next-payload ?

[roguesherlock]

I currently have this quick and dirty way to do this but I'm not sure if it's correct,

actions.ts

"use server"

// import { revalidatePath } from "next/cache"
import { getPayloadClient } from "@payload/payloadClient"

import { FormDataSchema, type FormDataSchemaType } from "./schema"

export async function saveForm(data: FormDataSchemaType) {
  const payload = await getPayloadClient()
  try {
    await payload.create({
      collection: "form-submissions",
      data: FormDataSchema.parse(data),
    })
    return [true, ""]
  } catch (e) {
    console.log(e)
    return [false, JSON.stringify(e)]
  }
}

schema.ts

import { z } from "zod"

export const FormDataSchema = z.object({
  form: z.string(),
  submissionData: z
    .object({
      field: z.string(),
      value: z.unknown(),
    })
    .array(),
})
export type FormDataSchemaType = z.infer<typeof FormDataSchema>

[IAmNatch]

This will definitely work.

One thing to note is "Currently, if a route uses a Server Action, it is required to render dynamically". If you'd prefer to have static or revalidated static pages, instead of dynamic, you can use a fetch (or graphQL) request to your payload API.

You can see an example of this here.

[jacobsfletch]

This plugin is now being maintained in the Packages Directory of the Payload Monorepo. This repo will soon be archived and all open issues including this one will be closed. Please refer to this open discussion for more details and to continue the conversation. Or feel free to open a new discussion around this, or even hop on our Discord and get help there.