Next.js: Quick start

App Router

import JCeesForms from '@jcees-forms/next'
import '@jcees-forms/css/style.css'
import 'flatpickr/dist/flatpickr.css'

export default function Page() {
  return <JCeesForms space="your-space-id" form="your-form-id" />
}

Pages Router

import { getJCeesFormProps } from '@jcees-forms/next/server'
import { JCeesFormsClient } from '@jcees-forms/next/client'

export const getServerSideProps = () =>
  getJCeesFormProps({ space: 'your-space-id', form: 'your-form-id' })

export default JCeesFormsClient