← Back to home

Create New Recipe

Add a new recipe using Server Actions

Select 2-3 ingredients with quantities for this demo

Eggspiece
Flourcup
Milkcup
Sugarcup
Buttertablespoon

Demo: Uses predefined ingredients (2x Eggs, 1x Flour)

Cancel

Server Action Flow

This form uses a Server Action to create a recipe via GraphQL mutation. The trace will show: Next.js → Server Action → GraphQL createRecipe mutation → Success redirect