Getting started
Introduction to open source enterprise-grade e-commerce platform with Headless Next.js, Algolia middle layer and Shopify backend
Introduction
Enterprise E-Commerce by Blazity is a open source enterprise-grade template of a Next.js project using Shopify as the e-commerce platform (product data, categories) and Algolia as the middle layer (data fetching, searching, faceting and recommendations).
This documentation serves purpose of explaining our architectural decisions, containing in-details features descriptions and read-worthy guidelines. Everything with focus on the business values and theirs impact on the implementations.
Philosophy & motivation
Building e-commerce platform is a tough topic. Creating one that has all the features that enterprise companies want is hard, way harder than implementing Headless CMS. There are bunch of templates out there that struggle with couple areas, while they may be a great choice for a small or medium-sized businesses, the huge needs for e.g. crawling budget optimization, SEO, excellent browsing journey, simplicity of the implementation are way more than can be expected from other projects.
The browsing journey
A monolithic commerce platform will never beat the speed of a fast-lookup system like Algolia, Constructor, or other enterprise search systems. What if you cache your platform's responses? Even still, the combinatorics of search terms, filters, and sort options create endless unique queries. A fast source-of-truth is table-stakes for speedy browsing UX.
Architecture diagram
Simple, winning e-commerce architecture. Take a closer look at the arrow colors as they represent the times between high-level user's browsing journey interactions and network latencies in the lower level.
Features
Hierarchical categories
Out of the box support for hierarchical product categories, with simplicity of an implementation. Even for platforms that does not support hierarchical categories by default.
Fast search
Sub-15ms search, filters, sort and pagination experience, even when traversing through the tens ofthousands of products with loads of metadata and variants.
Mega Nav
MegaNav module with ISR updates on-the-fly.
Rendering and caching
Carefully picked Next.js rendering strategies for crucial pages; HP, CLP, PLP, PDP, SRP. Implemented with ability to scale indefinitely, optimized for SEO and excellent user browsing journey experience.
Analytics
Uncomplicated analytics implementation. Vercel Analytics, Google Analytics or any other - you choose.
Enterprise-grade Redirects
Redirects setup that can handle 50k+ or more redirects without lookup overhead. Implemented using the bloom-filters structure it ensures the reliability of high-scale of your operations.
Performance
Perfect Core Web Vitals scores. Instant-navigation browsing journey without compromises.