Shahed Nasser
7cb90f8e82
* docs: editing and general fixes of medusa's learning resources * fix build script * update ui dependency * fix build * adjust next.js steps
91 lines
2.9 KiB
Plaintext
91 lines
2.9 KiB
Plaintext
import { AcademicCapSolid, UsersSolid } from "@medusajs/icons"
|
|
import { LearningPath } from "docs-ui"
|
|
|
|
export const metadata = {
|
|
title: `Ecommerce Recipe`,
|
|
}
|
|
|
|
# {metadata.title}
|
|
|
|
In this recipe, you'll learn how to build an ecommerce store and start selling with Medusa.
|
|
|
|
## Overview
|
|
|
|
Businesses use an ecommerce store to allow customers to browse their products and make purchases. It also includes accepting payments, managing orders, and more.
|
|
|
|
Medusa provides all essential commerce features out-of-the-box. Businesses can go live and start selling without making any adjustments. They can also power-up their store with plugins for payment, fulfillment, and more.
|
|
|
|
<Note title="Related use-case">
|
|
|
|
[How Tekla created an ecommerce store using Medusa](https://medusajs.com/blog/tekla/).
|
|
|
|
</Note>
|
|
|
|
<LearningPath pathName="simple-quickstart" />
|
|
|
|
---
|
|
|
|
## Create a Next.js Starter Storefront
|
|
|
|
The Medusa application can be used with any storefront. All you have to do is connect to its Store APIs to use the application's commerce features.
|
|
|
|
You can install, use, and customize the Next.js Starter storefront to benefit from all the necessary ecommerce features. Alternatively, you can build your own storefront.
|
|
|
|
<Card
|
|
href="#"
|
|
title="Install Next.js Storefront"
|
|
text="Learn how to install the Next.js Starter storefront."
|
|
startIcon={<AcademicCapSolid />}
|
|
showLinkIcon={false}
|
|
/>
|
|
|
|
---
|
|
|
|
## (Optional) Install Plugins
|
|
|
|
Medusa provides official plugins for payment, fulfillment, search, and more. These plugins provide new functionalities for both your Medusa application and your storefront.
|
|
|
|
For example, to accept payment with Stripe, install the Stripe plugin.
|
|
|
|
<Card
|
|
href="#"
|
|
title="Explore Plugins"
|
|
text="Explore official plugins and learn how to install them."
|
|
startIcon={<AcademicCapSolid />}
|
|
showLinkIcon={false}
|
|
/>
|
|
|
|
---
|
|
|
|
## Deploy the Medusa Application
|
|
|
|
The first step to go live is to deploy the Medusa application. The deployment guides available in our Resources documentation provide extensive step-by-step guide for different hosting providers, as well as a general deployment guide that you can follow to deploy your Medusa application to other providers.
|
|
|
|
<Card
|
|
href="#"
|
|
title="Deploy Medusa application"
|
|
text="Learn how to deploy the Medusa application to your preferred hosting provider."
|
|
startIcon={<AcademicCapSolid />}
|
|
showLinkIcon={false}
|
|
/>
|
|
|
|
---
|
|
|
|
## Deploy the Storefront
|
|
|
|
You can now deploy your storefront. The instructions defer whether you're using the Next.js Starter storefront, a custom storefront, or other forms of storefronts such as a mobile app.
|
|
|
|
<Card
|
|
href="#"
|
|
title="Deploy Next.js Storefront"
|
|
text="Learn how to deploy the Next.js storefront to your preferred hosting provider."
|
|
startIcon={<AcademicCapSolid />}
|
|
showLinkIcon={false}
|
|
/>
|
|
|
|
---
|
|
|
|
## Additional Development
|
|
|
|
Refer to other guides in the Medusa Resources or the Medusa Book for additional guidance during your development.
|