Skip to main content

Enhanced API Recipe Completion Flow

· One min read

We've enhanced API Recipe completions to provide clear success confirmation and guide developers toward their next learning step.

Completion popup with confetti and next recipe

What's Changed?

Completion Modal

A confirmation modal now appears when you complete a recipe, allowing users to navigate back to the API documentation or proceed to the next available recipe, if configured.

Optional Celebration

Recipe authors can enable confetti animation for milestone recipes or complex walkthroughs to reinforce achievement.

Configuring the Finish Experience

Recipe authors can customize the completion experience by adding configuration options to the final step of a recipe.

Here is a quick example:

"Step 5": {
name: "Complete",
stepCallback: async () => {
return workflowCtx.showContent("Well done!");
},
showConfettiAnimation: true,
nextRecipe: {
name: "Next Recipe",
link: "page:recipes/next-recipe",
},
}

If you’re not familiar with API Recipes, refer to the documentation