​
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

​
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

​
4. Try it yourself

Formizee Next.js Example

See the full source code

​
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

​
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

​
4. Try it yourself

Formizee Next.js Example

See the full source code