← Back to home

Create New Recipe

Add a new recipe using Server Functions

Select 2-3 ingredients with quantities for this demo

Eggspiece
Flourcup
Milkcup
Sugarcup
Buttertablespoon

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

Cancel

Server Function Flow

This form uses a Server Function to create a recipe via GraphQL mutation. The trace will show: TanStack Start → Server Function → GraphQL createRecipe mutation → Success redirect