Article brought to you by buildnextshop.com
What Happened?
The last few years changed everything for eCommerce worldwide. For many companies, having an online presence went from an afterthought to a necessity.
Choosing the right technologies in 2020-2022 is not easy, however. Companies are faced with a lot of difficult decisions regarding their tech stack and the direction they wish to invest in.
Who cares?
While out of the box solutions like Shopify themes, Wordpress and WooCommerce seem like a quick way to get up and running, many companies are running into issues with scalability and performance.
This is where Headless comes into play.
Headless Architecture allows for teams to quickly get up and running and not be locked into a rigid solution down the road.
Here are the top solutions for building Headless eCommerce stores in 2023.
1) Next.js
Next.js is definitely leading the 'all-things-frontend' movement right now. And next.js GitHub repo has just overtaken create-react-app in stars!
I have been really enjoying developing with Next.js and the team is continuously pumping out one great release after another.
It has gotten to a point where Next.js is becoming a complete full-stack solution replacing a backend in most use-cases.
2) Remix
A close runner-up to Next.js is quickly becoming Remix. From the copy on their website "While you were waiting for your static site to build, distributed web infrastructure got really good."
It is another full-stack framework that is based on React (with a bit of a learning curve). They have also recently joined the Shopify team to continue building out the product. The Shopify team is rebuilding a lot of the Hydrogen framework to incorporate Remix.
Potentially Remix will be to Shopify like React is to Facebook. Have no idea what that means but sounds exciting.
It's good to note that Next.js has also been expanding their rendering stack to complement Static Site Generation (SSG) with more reliance on Server Side Rendering (SSR) and Server Components.
3) Qwik by Builder.io
Builder.io has been quickly growing into a very important player in the CMS field and recently launched their own framework. I have personally not had to the time to create anything with it but from the feedback on twitter, it seems to be a great HTML first alternative to the other 2 frameworks. It promises features such as zero loading, lazy loading, reduced rendering, scalability, and reducing the reliability on heavy JavaScript packages.
While also based on React, there is a bit of a learning curve when compared to Next.js.
If you want to learn how to build a Headless eCommerce store I have recently released a public Github with a Next.js + Shopify + Tailwind CSS Starter and a Course to accompany it (for those who want guidance on how to quickly add these technologies to your arsenal).
Check it out here!
https://github.com/iskurbanov/shopify-next.js-tailwind
Landing page for the course (Made with Next.js and Tailwind CSS): BuildNextShop.com
Top comments (1)
Qwik is not based on react.