import { 
  TagSolid, 
  CheckCircleSolid, 
  ShoppingCartSolid, 
  CurrencyDollarSolid, 
  UsersSolid,
  PuzzleSolid,
  EnvelopeSolid,
  MagnifyingGlass,
  ArrowDownTray,
  ChartBar,
  Text,
  SquaresPlusSolid,
  JavascriptEx,
  ReactJsEx,
  CommandLineSolid,
  NextJs,
  BuildingStorefront,
  CreditCardSolid,
  ClockSolid
} 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",
    showLinkIcon: false
  },
  {
    startIcon: <ShoppingCartSolid />,
    title: "Cart Module",
    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
  }
]} />

{/* ## Plugins

<CardList items={[
  {
    startIcon: <EnvelopeSolid />,
    title: "SendGrid",
    href: "/plugins/notifications/sendgrid",
    showLinkIcon: false
  },
  {
    startIcon: <MagnifyingGlass />,
    title: "MeiliSearch",
    href: "/plugins/search/meilisearch",
    showLinkIcon: false
  },
  {
    startIcon: <ChartBar />,
    title: "Segment",
    href: "/plugins/analytics/segment",
    showLinkIcon: false
  },
  {
    startIcon: <SquaresPlusSolid />,
    title: "More Plugins",
    href: "/plugins",
    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
  }
]} /> */}