gatsby-starter-medusa VS nextjs-starter-medusa

gatsby new medusa-gatsby https://github.com/medusajs/gatsby-starter-medusa

This tutorial uses the Gatsby starter to test the wishlist functionality added to the Medusa server. However, you can still follow along using a different storefront framework.

Last month, our team at Medusa built a new advanced Next.js storefront that can be used with a Medusa server. If interested in other Medusa starters, feel free to check out Medusa.Express or our Gatsby starter.

In this tutorial, you’ll learn how to add live-chat functionality to your ecommerce store using Medusa, Tidio live chat, and Gatsby Storefront.

Medusa provides two starter storefronts, one built using Next.js and one using Gatsby. You can also build your own storefront by interacting with the REST APIs.

The difficult part is for the modification of store frontend. I use Medusa Gatsby Starter to my store frontend. However, there are many incompatible with my above modification of backend.

git clone https://github.com/medusajs/gatsby-starter-medusa.git storefront

This creates a Gatsby website using the already-existing Medusa Gatsby starter.

It gives you full flexibility to build any type of frontend(s) you may prefer - Medusa has starters in Next.js or Gatsby to set up a high-performing storefront out-of-the-box so you have a good starting point before starting to customize it to your needs. You can check out a demo of the starer here.

GatsbyJS (much more feature-rich V2 coming soon)

- Bug finding/reporting

You can see a case study of some past work I've done with Automatisch.io helping build their E2E test suite and other QA work here

- https://qacomet.com/case-studies/automatisch

Also, I am currently working with MedusaJS helping get their template project ready with a suite of automated tests. Some example bug reports include

- https://github.com/medusajs/nextjs-starter-medusa/issues/295

Like Medusa, the Next.js Starter is fully open source. Check out the live demo or get the code on GitHub.

Yes, check out this one: https://next.medusajs.com/ - all source code for it is open sourced

Visit the hosted demo of the template. Or, learn how to set it up in our Docs.

Thanks. I know we shouldn't care about re-render if there is no performance issue. But I still think that we need to memoize the value of context if we have other states in the provider that isn't included in the value. For example, in this provider, we have a custom hook. When it re-renders, the provider re-renders as well. That creates a new value object and all consumers re-render.

Unique Admin Interface: Medusa offers an easy-to-use admin interface where merchants can manage their products, customers, and sales records and maintain their e-store. Medusa also offers a ready-to-use storefront.

npx create-next-app -e https://github.com/medusajs/nextjs-starter-medusa b2b-storefront

View on GitHub

Now that you have every backend component ready, you need to take care of the storefront. You can build a whole storefront yourself but for this tutorial, you’ll use the official Next.js Starter provided by Medusa.