Next.js - Formizee.

Prerequisites

To get the most out of this guide, you’ll need to:

1. Create a Next.js project

pnpm create-next-app@latest formizee-next-example

npx create-next-app@latest formizee-next-example

bun create-next-app@latest formizee-next-example

yarn create-next-app@latest formizee-next-example

2. Update the main page

Update the file under src/app/page.tsx with the next code

page.tsx

// Add here your Endpoint URL
const ENDPOINT_URL = "https://api.formizee.com/v1/f/enp_123456";

export default function Page() {
	return (
		<form method="post" action={ENDPOINT_URL}>
			<label htmlFor="name">
				Name
				<input id="name" autoComplete="name" name="name" />
			</label>
			<label htmlFor="email">
				Email
				<input id="email" autoComplete="email" name="email" />
			</label>
			<button>Submit</button>
		</form>
	);
}

3. Run in local

pnpm run dev

npm run dev

bun run dev

yarn run dev

4. Try it yourself

Formizee Next.js Example

See the full source code