i'm creating a tiny app for understand react and im using Next.js app router, i don't have a deeply understanding how this works, but i want learn so i'm building a tiny app for recipes but im having trouble showing the full recipe by the id, this is what i have now, if a click here

<Link href={/fullRecipesId/${randomRecipe.idMeal}}>
{showRecipe ? "Hide recipe" : "Show recipe"}
</Link> i want be able to show the recipe by the id but i dont know how do it by using useRouter, somebody can help? thanks a lot