Files
medusa-store/docs/content/homepage.mdx
Shahed Nasser 76a16aa131 docs: redesigned documentation (#2539)
* docs: redesigned navigation bar (#2478)

* docs: redesigned homepage (#2480)

* docs: redesigned homepage

* fixed link

* docs: redesigned notes (#2491)

* docs: Applied Typography redesign rules (#2516)

* changes to typography

* small changes and fixes

* docs: redesigned table of content (#2518)

* redesigning toc

* finalized table of content design

* docs: redesigned code blocks (#2519)

* docs: redesigned code blocks

* removed unused package

* docs: redesigned survey and content footer (#2522)

* fixes to inline code

* redesigned doc footer

* docs: redesigned footer (#2523)

* docs: changed dark mode colors (#2524)

* docs: redesigned sidebar (#2535)

* docs: redesigned search modal (#2537)

* docs: resolved loose ends (#2538)

* added spacing for tabs

* docs: added no-zoom class for deploy images

* fix to tooltip design for inline code
2022-11-03 18:59:46 +02:00

170 lines
4.0 KiB
Plaintext

---
id: homepage
title: Medusa Documentation
description: "Get an overview of Medusa's features, integrations, and how to use them."
slug: /
hide_table_of_contents: true
hide_footer: true
---
import DocCardList from '@theme/DocCardList';
# Medusa Documentation
Get an overview of Medusa's features, integrations, and how to use them.
## Medusa basics
Learn about Medusa basic features and kickstart your ecommerce project.
<DocCardList colSize={4} items={[
{
type: 'link',
href: '/quickstart/quick-start',
label: 'Quickstart Guide',
customProps: {
image: '/img/quickstart-icon.svg',
description: 'Create your first Medusa server.',
className: 'card-highlight'
}
},
{
type: 'link',
href: '/tutorial/set-up-your-development-environment',
label: 'Set up Dev Environment',
customProps: {
themedImage: {
light: '/img/dev-env-icon.svg',
dark: '/img/dev-env-icon-dark.svg'
},
description: 'Set up your dev environment.'
}
},
{
type: 'link',
href: '/usage/configurations',
label: 'Configure your Server',
customProps: {
themedImage: {
light: '/img/server-icon.svg',
dark: '/img/server-icon-dark.svg'
},
description: 'Explore Medusa\'s configurations.'
}
},
{
type: 'link',
href: '/starters/nextjs-medusa-starter',
label: 'Next.js Starter',
customProps: {
themedImage: {
light: '/img/nextjs-icon.svg',
dark: '/img/nextjs-icon-dark.svg'
},
description: 'Install Medusa\'s Next.js storefront.'
},
},
{
type: 'link',
href: '/starters/gatsby-medusa-starter',
label: 'Gatsby Starter',
customProps: {
themedImage: {
light: '/img/gatsby-icon.svg',
dark: '/img/gatsby-icon-dark.svg'
},
description: 'Install Medusa\'s Gatsby storefront.'
}
},
{
type: 'link',
href: '/admin/quickstart',
label: 'Admin Quickstart Guide',
customProps: {
themedImage: {
light: '/img/admin-icon.svg',
dark: '/img/admin-icon-dark.svg'
},
description: 'Install Medusa\'s Admin to manage your store.'
}
}
]} />
## Most popular
Best of the greatest.
<DocCardList colSize={4} items={[
{
type: 'link',
href: '/advanced/backend/plugins/create',
label: 'Create a Plugin',
customProps: {
themedImage: {
light: '/img/terminal-icon.svg',
dark: '/img/terminal-icon-dark.svg'
},
description: 'Create, test, and publish a plugins.'
}
},
{
type: 'link',
href: '/add-plugins/stripe',
label: 'Integrate Stripe',
customProps: {
themedImage: {
light: '/img/stripe-icon.svg',
dark: '/img/stripe-icon-dark.svg'
},
description: 'Install Stripe on your Medusa server.'
}
},
{
type: 'link',
href: '/advanced/storefront/how-to-implement-checkout-flow',
label: 'Implement Checkout',
customProps: {
themedImage: {
light: '/img/cart-icon.svg',
dark: '/img/cart-icon-dark.svg'
},
description: 'Implement the checkout flow in your storefront.'
}
},
{
type: 'link',
href: '/advanced/admin/import-products',
label: 'Import Products',
customProps: {
themedImage: {
light: '/img/tee-icon.svg',
dark: '/img/tee-icon-dark.svg'
},
description: 'Bulk import products into Medusa.'
},
},
{
type: 'link',
href: '/advanced/backend/shipping/overview',
label: 'Shipping Overview',
customProps: {
themedImage: {
light: '/img/fast-delivery-icon.svg',
dark: '/img/fast-delivery-icon-dark.svg'
},
description: 'Learn how shipping works in Medusa.'
}
},
{
type: 'link',
href: '/advanced/backend/payment/overview',
label: 'Payment Overview',
customProps: {
themedImage: {
light: '/img/payment-accepted-icon.svg',
dark: '/img/payment-accepted-icon-dark.svg'
},
description: 'Learn how payment works in Medusa'
}
}
]} />