We are building an open source headless ecom storefront with a focus on instantly loading pages and dynamic content for conversions
Hi IH,
I would like to introduce Mercury.js to the IH community. Mercury.js is a customizable headless storefront template for ecom stores. What sets it apart from other storefronts is its ability to provide instantly loading pages to optimize conversions. This also includes pages with dynamic content, as required by modern ecom user experiences.
Additionally, we want to provide a rich set of ecom features that integrate seamlessly out-of-the-box and do not slow down the shopping experience at all. These include A/B testing and dynamic/personalized content to name a few.
Technical overview
- Mercury.js is built on top of Next.js and React 18
- Completely decoupled from the backend. We want to make switching backends easy
- Open source under MIT license
- As our first stand-out feature, instead of just prefetching the data for the links visible in the viewport (like Next.js by default), Mercury.js also prerenders the content in the browser (based also on mouse movement). When Mercury.js prerenders a component/page, it is initially hidden from the view of the user. When the visitor then clicks on a link, the prerendered component/page is brought to view, which makes the transition instantaneous. By using React 18’s concurrent rendering features, we make sure that the work that happens in the background does not hurt UX (by blocking more urgent UI updates for example)
Mercury.js is a work in progress (not ready for production yet), but I am looking for early feedback on the idea/features and whether it would be something that you would use (or what would it take).
For a preview and details, check out our:
Looking forward to hearing what you think!
