⚡Playground

Dynamic Forms Showcase

react-hook-form + zod
Service Deployment Configuration
Fill out the service parameters. Real-time Zod schema validation will trigger on field blur.
Environment*Deploy target infrastructure
Choose a hardware profile or type a custom cloud instance flavor.
Classify your service with metadata tags for group filters.

Provide brief release notes or deployment tags.

Form State Telemetry
Dirty Status (Modified):
Pristine
Validation Status:
Invalid
Active Errors:
0 active
Deployment Output JSON

Ready for Submission

Configure the parameters and hit "Run Deployment" to view the parsed Zod payload.

Integrating `@nkapp/lib` Form Hooks

The custom hook useNkForm automatically configures a robust React Hook Form controller combined with a zodResolver for type safety and runtime constraints.

typescript
const schema = z.object({
  serviceName: z.string().min(3)
});
const { control, handleSubmit } = useNkForm({
  schema,
  defaultValues: { serviceName: '' }
});