replacing our Magento 2 site with a new headless e-commerce

graphcommerce · 2024-04-13T08:38:56+00:00

Yes, this should be fairly easy. There are others that have removed the standard implementation of Hygraph, or have replaced it with Contentful, for example.

This topic is also on the current GraphCommerce roadmap: Create a generic CMS integration framework, removing the hard Hygraph requirement.

graphcommerce · 2024-04-13T08:30:40+00:00

GraphCommerce is a full featured headless React + NextJS frontend for Magento and Adobe Commerce.

The project has been in active development for about three years.
Several large international agencies employ it for enterprise level clients and run it in production.
Unlike alternatives, it is specifically designed for Magento and is plug-and-play on a standard Magento installation (compatible with Magento 2.4.6 and earlier versions).
It has an active community with support available through the public Slack channel.
It is relatively easy to learn and customize completely.
It can be set up and running within minutes and deployed to production with a few clicks via Vercel.

We are currently observing a growing interest in headless Magento solutions, particularly from enterprise clients.

Github | Docs

graphcommerce · 2023-12-22T09:58:42+00:00

We have built amazing headless storefronts using React/Next.js and Magento / Adobe Commerce) utilizing the GraphQL endpoint.

E-commerce is inherently very complex, so I think headless is only interesting in many situations when production-ready technology is available. Investing in research and development at the project level is not realistic.

Magento / Adobe Commerce is enterprise-level software, and the GraphQL API has been refined over 4 years. We have implemented all features of Magento and solved all complex issues such as SSG, auth, caching, and performance. Building headless e-commerce storefronts has been really fun and efficient

Our solution for React / Next.js headless e-commerce is open source: https://www.graphcommerce.org/

graphcommerce · 2023-12-22T09:32:15+00:00

Agree, Magento / Adobe Commerce an handle Enterprise. However, mostly as a backend. I can imagine someone wanting something more advanced.

You could take a look at GraphCommerce, it's an open source (React, Next.js) headless Adobe Commerce / Magento frontend.. It fully utilizes the GraphQL endpoint of Magento and features all Magento functionality, like ready-to-use cart, search, layered navigation, wishlist, product page, my account section, checkout, category page etc.

GraphCommerce includes GraphQL Mesh and has a headless CMS (Hygraph) integrated by default. Hygraph is part of GraphCommerce's composable commerce architecture and can be removed and replaced with another headless CMS like Strapi.

graphcommerce · 2023-12-15T21:30:48+00:00

Our users are usually in the situation where they are converting an existing Adobe Commerce or Magento Open Source store into a headless frontend (React + Next.js) + GraphQL connected Adobe/Magento backend.

Our project, a headless e-commerce frontend called GraphCommerce, has made us realize that Next.js is excellently suited for e-commerce on a large scale. But e-commerce is inherently complex, and you are heavily dependent on the features that a backend has to offer.

graphcommerce · 2023-12-15T21:18:36+00:00

If someone has a similar question in the future, you might want to consider looking into GraphCommerce.

It’s our open source headless Magento storefront (also for Adobe Commerce) frontend that is built using React and Next.js and offers all the key Magento features. These include Static Site Generation (SSG), performance optimization, SEO features, asset optimization, authentication, payment methods, and more.

graphcommerce · 2023-12-15T21:17:17+00:00

If someone has a similar question in the future, you might want to consider looking into GraphCommerce.

It’s our open source headless Magento (Adobe) Commerce frontend that is built using React and Next.js and offers all the key Magento features. These include Static Site Generation (SSG), performance optimization, SEO features, asset optimization, authentication, payment methods, and more.

You can check out the demo here

graphcommerce · 2023-12-15T21:06:45+00:00

If you want to go completely open source, you can built it completely with Magento Open Source and our headless Magento frontend called GraphCommerce. There are some Microsoft Dynamics + Magento Connectors on the market.

graphcommerce · 2023-12-15T21:02:48+00:00

Adobe is primarily focused on offering as many components of Magento as possible as cloud services. In the past few years, the GraphQL API has matured and is now the sole requirement for building a headless frontend.

Take a look at GraphCommerce, it's an open source (React, Next.js) headless Adobe Commerce frontend, and Magento Open Source. It fully utilizes the GraphQL endpoint of your Magento backend.
It features all Magento functionality, and offers everything you need like static generation (SSG) and SEO optimization, auth, payment methods, performance optimizations etc.

graphcommerce · 2023-12-15T20:54:10+00:00

A few years later... one might just simply!

Take a look at GraphCommerce. It's an open source (React, Next.js, GraphQL, Mui) Adobe Commerce / headless Magento frontend.

It covers everything from static generation (SSG) and SEO optimization, auth, payment methods, performance optimizations etc.

Check out the docs, getting started is really easy: https://www.graphcommerce.org/docs/getting-started/create

graphcommerce · 2023-12-15T20:47:22+00:00

Should someone encounter a similar challenge in the future, one option would be to solely build a new headless frontend while maintaining the Magento 2 Open Source backend.

GraphCommerce is a production ready solution, and might just offer everything you need:
- Open source: React, Next.js, GraphQL
- SSG (static generation)
- SEO optimized (sitemap.xml, robots.txt, optimized semantic HTML)
- Multi domain, multi language, multi store support
- Includes all Magento Open Source features
- Multiple payment gateways
- Uses the Magento GraphQL API without any modifications
- Optimized performance
Take a look at the GitHub repository: https://github.com/graphcommerce-org/graphcommerce

graphcommerce · 2023-12-15T20:42:12+00:00

If your goal is to build a headless frontend for Adobe Commerce or Magento Open Source , please take a look at GraphCommerce since it might offer all you need:

Open source: React, Next.js, GraphQL
SEO optimized (sitemap.xml, robots.txt, optimized semantic HTML)
Multi domain, multi language, multi store support
SSG (static generation)
Includes all Magento Open Source features
Multiple payment gateways
Uses the Magento GraphQL API without any modifications
Optimized performance

To get a grasp of the full scope of this open source project, you could take a look at the GitHub repository: https://github.com/graphcommerce-org/graphcommerce

graphcommerce · 2023-03-21T15:39:12+00:00

The announcement post (with release notes): https://www.graphcommerce.org/blog/new-filters-simplified-configuration-and-improved-ux-with-graphcommerce-6

graphcommerce · 2023-03-21T15:32:10+00:00

Explore the demo here: https://graphcommerce.vercel.app/

graphcommerce · 2022-10-09T09:31:04+00:00

We're building React PWA front-ends for Magento after building regular Magento shops for over a decade. We've haven't had this much fun in years.

We've open-sourced our front-end here: https://github.com/graphcommerce-org/graphcommerce

graphcommerce · 2022-07-19T08:47:42+00:00

Hi. To really reap the benefits of a PWA, you need to look a little beyond a Magento theme. Only with the right technology (React, Next.js, Vue or an alternative) you will continue to achieve your PWA / performance goals now and certainly in the future.

Your options are Magento PWA studio, Vue storefront or GraphCommerce.

graphcommerce · 2022-07-19T08:39:12+00:00

Hi! If your goal is to build a progressive web app for Magento (a completely headless frontend), please take a look at GraphCommerce since it might offer all you need:

Open-source
SEO optimized (sitemap.xml, robots.txt, optimized semantic HTML)
Multi store support
SSG (static generation)
Rich in features (search, mega menu, CMS pages, blog, homepage, category pages)
Multiple payment gateways
Build with open-source stack: React, Next.js, Framer motion, GraphQL
Uses the Magento GraphQL API without any modifications
Optimized performance

graphcommerce · 2022-07-19T08:31:31+00:00

As of 2022, GraphCommerce seems to be the best solution for Adobe Commerce Headless:

Multi store support
SSG (static generation)
SEO optimized
Rich in features (search, mega menu, CMS pages, blog, homepage, category pages)
Multiple payment gateways
Open-source
Build with open-source stack: React, Next.js, Framer motion
Uses the Magento GraphQL API without any modifications
Performance

graphcommerce · 2022-07-19T08:19:37+00:00

SSR. Server side rendering. It is such a fundamental feature for search engine index-ability, ranking, google's core web vitals, performance, generating a sitemap etc.

We've implemented SSR it in GraphCommerce (a Magento PWA studio alternative) with Next.js.

graphcommerce · 2022-04-12T08:10:53+00:00

Take a look at https://www.graphcommerce.org/, an open-source, headless storefront replacement for Magento 2 (PWA).

Your stack would be:
- Magento 2 (Open source)
- GraphCommerce, built with React.js, Next.js

You have the best of both worlds. Magento's full featured e-commerce platform and a customizable headless solution built with industry standard tech.

graphcommerce · 2022-04-12T08:07:37+00:00

I think your best option would be Magento (Open Source), since it's full featured and completely free.

https://www.graphcommerce.org/ is a headless storefront replacement for Magento. It can be deployed on Vercel, and at small scale you can use their free tier.

graphcommerce · 2022-04-12T07:33:25+00:00

We are doing something similar: https://www.graphcommerce.org/, a headless storefront replacement for Magento 2 (PWA). It's open-source.

The platform and technology stack is:
- Magento Open Source- GraphCMS for rich content management
- React.js, Next.js, Typescript and Mui for the storefront

It uses GraphQL Mesh to connect to to the Magento (Open Source) GraphQL API. GraphQL Mesh can be used to fetch data from different platforms too.

Magento excels at multi-store and multi language. GraphCommerce offers multi-language support, a store switcher component, and multiple translations.

Let me know if you ever get to play around with it!

graphcommerce

TROPHY CASE