Payload Website Template w/ Tanstack Forms v1

This is a customized version of the official Payload Website Template. It has been modified to use TanStack Form v1 instead of react-hook-form, with additional features and integrations.

Enhancements & Custom Features

Forms

• Replaced react-hook-form with TanStack Form v1 for better form management.
• Added custom form fields including:
  • Phone number input
  • Array fields with dynamic input handling
  • Group Fields
• Customize original fields as well

TODO

• Add motion.dev animations.
• Add React Email with richtext blocks.
• add Mailpit for viewing emails in email client.

Quick Start

To spin up this example locally, follow these steps:

Clone the Repository

git clone <your-repo-url>
cd <your-repo-folder>

Install Dependencies

pnpm i

Run MongoDB in Docker

docker-compose up -d

Run the Development Server

pnpm dev --turbo