How to Build an Electronic Commerce Store with Medusajs

• electronic-storefront-medusa

  1 0 6.5 TypeScript

  An electronic store build with Medusa and NextJS

You can find the code for this tutorial in this GitHub Repository.

• Medusa

  220 22,986 9.9 TypeScript

  Building blocks for digital commerce

  

If you have everything installed, follow these steps to set up your Medusa project.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• berry

  183 7,128 9.2 TypeScript

  📦🐈 Active development trunk for Yarn ⚒

  

Yarn or Npm(This tutorial uses Yarn)

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

The next step consists of styling your storefront. This tutorial uses Tailwind CSS very useful for building modern websites. Note that you can equally set up your Medusa admin, Medusa storefront, and Medusa Backend separately.

• stripe-node

  36 3,662 9.1 TypeScript

  Node.js library for the Stripe API.

  

A Stripe account

• Next.js

  2,042 120,572 10.0 JavaScript

  The React Framework

  

Next.js is an open-source React framework for building user-friendly web applications. React is a JavaScript library for building interactive user interfaces. Next.js enables server-side rendering and requires minimal or no configuration.

• Visual Studio Code

  2,840 158,095 10.0 TypeScript

  Visual Studio Code

  

A code editor like VSCode

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project