import { 
  TagSolid, 
  CheckCircleSolid, 
  ShoppingCartSolid, 
  CurrencyDollarSolid, 
  UsersSolid,
  PuzzleSolid,
  EnvelopeSolid,
  ArrowDownTray,
  ChartBar,
  Text,
  SquaresPlusSolid,
  JavascriptEx,
  ReactJsEx,
  CommandLineSolid,
  NextJs,
  BuildingStorefront,
  CreditCardSolid,
  ClockSolid,
  DocumentTextSolid,
  Stripe,
  PhotoSolid,
  BuildingsSolid
} from "@medusajs/icons"

# Medusa Learning Resources

Explore Medusa's commerce modules, SDKs, configurations, recipes, and more.

<Note title="Getting started?">

Follow the [Medusa Book](https://medusa-docs-v2-git-docs-v2-medusajs.vercel.app) to become an advanced Medusa developer.

</Note>

## Commerce Modules

<CardList items={[
  {
    startIcon: <TagSolid />,
    title: "Product Module",
    href: "/commerce-modules/product",
    showLinkIcon: false
  },
  {
    startIcon: <CheckCircleSolid />,
    title: "Order Module",
    href: "/commerce-modules/order",
    showLinkIcon: false
  },
  {
    startIcon: <ShoppingCartSolid />,
    title: "Cart Module",
    href: "/commerce-modules/product",
    showLinkIcon: false
  },
  {
    startIcon: <CurrencyDollarSolid />,
    title: "Pricing Module",
    href: "/commerce-modules/pricing",
    showLinkIcon: false
  },
  {
    startIcon: <UsersSolid />,
    title: "Customer Module",
    href: "/commerce-modules/customer",
    showLinkIcon: false
  },
  {
    startIcon: <PuzzleSolid />,
    title: "More Modules",
    href: "/commerce-modules",
    showLinkIcon: false
  }
]} />

---

## Integrations

<CardList items={[
  {
    startIcon: <Stripe className="[&>path]:fill-medusa-fg-subtle" />,
    title: "Stripe",
    href: "/commerce-modules/payment/payment-provider/stripe",
    showLinkIcon: false
  },
  {
    startIcon: <EnvelopeSolid />,
    title: "SendGrid",
    href: "/architectural-modules/notification/sendgrid",
    showLinkIcon: false
  },
  {
    startIcon: <DocumentTextSolid />,
    title: "S3",
    href: "/architectural-modules/file/s3",
    showLinkIcon: false
  },
  {
    startIcon: <SquaresPlusSolid />,
    title: "More Integrations",
    href: "/integrations",
    showLinkIcon: false
  }
]} />

---

## Recipes

<CardList items={[
  {
    startIcon: <ShoppingCartSolid />,
    title: "Ecommerce",
    href: "/recipes/ecommerce",
    showLinkIcon: false
  },
  {
    startIcon: <BuildingStorefront />,
    title: "Marketplace",
    href: "/recipes/marketplace",
    showLinkIcon: false
  },
  {
    startIcon: <PhotoSolid />,
    title: "Digital Products",
    href: "/recipes/digital-products",
    showLinkIcon: false
  },
  {
    startIcon: <PuzzleSolid />,
    title: "Integrate Ecommerce Stack",
    href: "/recipes/integrate-ecommerce-stack",
    showLinkIcon: false
  },
  {
    startIcon: <ClockSolid />,
    title: "Commerce Automation",
    href: "/recipes/commerce-automation",
    showLinkIcon: false
  },
  {
    startIcon: <BuildingsSolid />,
    title: "B2B",
    href: "/recipes/b2b",
    showLinkIcon: false
  }
]} />

---

## SDKs and Tools

<Note type="soon">

Support for v2 in SDK and tools is coming soon.

</Note>

<CardList itemsPerRow={2} items={[
  {
    startIcon: <JavascriptEx />,
    title: "Medusa JS Client",
    href: "/js-client",
    showLinkIcon: false
  },
  {
    startIcon: <ReactJsEx />,
    title: "Medusa React",
    href: "/medusa-react",
    showLinkIcon: false
  },
  {
    startIcon: <CommandLineSolid />,
    title: "Medusa CLI",
    href: "/medusa-cli",
    showLinkIcon: false
  },
  {
    startIcon: <NextJs />,
    title: "Next.js Starter",
    href: "/nextjs-starter",
    showLinkIcon: false
  },
]} />

{/* ## Recipes

<CardList items={[
  {
    startIcon: <ShoppingCartSolid />,
    title: "Ecommerce",
    href: "/recipes/ecommerce",
    showLinkIcon: false
  },
  {
    startIcon: <BuildingStorefront />,
    title: "Marketplace",
    href: "/recipes/marketplace",
    showLinkIcon: false
  },
  {
    startIcon: <CreditCardSolid />,
    title: "Subscriptions",
    href: "/recipes/subscriptions",
    showLinkIcon: false
  },
  {
    startIcon: <PuzzleSolid />,
    title: "Integrate Ecommerce Stack",
    href: "/recipes/integrate-ecommerce-stack",
    showLinkIcon: false
  },
  {
    startIcon: <ClockSolid />,
    title: "Commerce Automation",
    href: "/recipes/commerce-automation",
    showLinkIcon: false
  },
  {
    startIcon: <CheckCircleSolid />,
    title: "Order Management System",
    href: "/recipes/oms",
    showLinkIcon: false
  }
]} /> */}