docs: added new recipes (#4793)

* added new recipes

* added more recipes

www/docs/content/storefront/roadmap.mdx

@@ -5,6 +5,7 @@ description: 'Learn about the different resources you need and the general steps
 import DocCardList from '@theme/DocCardList';
 import DocCard from '@theme/DocCard';
 import Icons from '@theme/Icon';
+import LearningPath from '@site/src/components/LearningPath';
 
 # Build Your Own Storefront Roadmap
 
@@ -16,6 +17,10 @@ Although Medusa provides a [Next.js Starter Template](../starters/nextjs-medusa-
 
 This guide provides a roadmap that can guide you into how you can build your own storefront, regardless of what tools you’re using.
 
+You can instead follow this recipe that will guide you through implementing features in your storefront step-by-step.
+
+<LearningPath pathName="storefront" />
+
 ---
 
 ## Connect to the Backend