* docs: changed homepage * added missing import * added related links * added a link to the user guide on homepage
170 lines
4.0 KiB
Plaintext
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: '/usage/create-medusa-app',
|
|
label: 'Quickstart Guide',
|
|
customProps: {
|
|
image: '/img/quickstart-icon.svg',
|
|
description: 'Create your first Medusa server.',
|
|
className: 'card-highlight'
|
|
}
|
|
},
|
|
{
|
|
type: 'link',
|
|
href: '/introduction#features',
|
|
label: 'Features',
|
|
customProps: {
|
|
themedImage: {
|
|
light: '/img/dev-env-icon.svg',
|
|
dark: '/img/dev-env-icon-dark.svg'
|
|
},
|
|
description: 'Learn about Medusa\'s features'
|
|
}
|
|
},
|
|
{
|
|
type: 'link',
|
|
href: '/starters/nextjs-medusa-starter',
|
|
label: 'Next.js Storefront',
|
|
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 Storefront',
|
|
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',
|
|
customProps: {
|
|
themedImage: {
|
|
light: '/img/admin-icon.svg',
|
|
dark: '/img/admin-icon-dark.svg'
|
|
},
|
|
description: 'Install Medusa\'s Admin to manage your store.'
|
|
}
|
|
},
|
|
{
|
|
type: 'link',
|
|
href: '/user-guide',
|
|
label: 'User Guide',
|
|
customProps: {
|
|
themedImage: {
|
|
light: '/img/user-guide.svg',
|
|
dark: '/img/user-guide-dark.svg'
|
|
},
|
|
description: 'Take a look at the features available in Medusa Admin'
|
|
}
|
|
}
|
|
]} />
|
|
|
|
## 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'
|
|
}
|
|
}
|
|
]} /> |