Shopify

Explore in-depth articles on modern web development, focusing on headless architecture, APIs, frontend frameworks, and real-world coding solutions. Whether you're building with Shopify, Next.js, or diving into backend logic, these posts offer practical insights, code examples, and lessons from the field.

All Articles in this Category

Shopify

Understanding Shopify Theme Development: Liquid for Next.js and React Developers

Learn how Shopify theme development works using Liquid, explained for Next.js and React developers. Discover the structure of templates, sections, blocks, and how to make themes dynamic and editable for merchants.

Matija Žiberna

about 12 hours ago

Shopify

How to Sync Variant Selection with Product Images in a Headless Shopify Storefront

Struggling to make your product gallery respond to variant selection in a headless Shopify setup? This guide shows how to map variants to images correctly using React and the Storefront API.

Matija Žiberna

3 days ago

Shopify

How to Generate SEO-Friendly Sitemaps for Headless Shopify with Next.js

Struggling with missing product and collection URLs in your headless Shopify sitemap? Discover step-by-step how to generate SEO-friendly, high-performance sitemaps for Shopify + Next.js, cut API bloat, and boost your store’s organic visibility.

Matija Žiberna

9 days ago

Shopify

Best Headless Commerce Platform 2025: 8 Platforms Compared (With Real Costs & Performance Data

The ultimate 2025 comparison of leading headless e-commerce platforms—Hydrogen, CommerceTools, Medusa.js, and others ranked by performance, flexibility, and cost.

Matija Žiberna

15 days ago

Shopify

When Shopify Headless Makes Sense — And When It Doesn't

Shopify headless can unlock complex UX and CMS flexibility — but isn’t always the best move. Learn when headless Shopify delivers true value, and when Liquid themes outperform.

Matija Žiberna

16 days ago

Shopify

The Core Shopify APIs for Headless Storefronts Built With Shopify

When building a headless Shopify store, three APIs are at the heart of every solution: Storefront API, Admin API, and Customer Account API. This overview explains the purpose and best use cases for each API, helping you plan a secure, scalable, and modern e-commerce experience.

Matija Žiberna

17 days ago

Shopify

How to Implement Cursor-Based Pagination in a Headless Shopify Storefront Built With Nextjs

Master cursor-based pagination in your headless Shopify project. Step-by-step, code-focused guide shows how to create user-friendly paged navigation using React and GraphQL.

Matija Žiberna

18 days ago

Shopify

How to Implement Product Counts in Shopify Storefront API

Discover how to get accurate product counts in Shopify’s Storefront API using Next.js, including real-world tips on filtering, deduplication, and handling confusing off-by-one count bugs on collection pages.

Matija Žiberna

18 days ago

Shopify

Building a Predictive Search Feature in Next.js with Shopify

Build a powerful predictive search feature for your Shopify store using Next.js. This guide covers secure Server Actions for Shopify API calls, Zustand for state management, and input debouncing for an optimized user experience.

Matija Žiberna

21 days ago

Shopify

New Open Source Tool: Shopify Image Downloader

I just released an open-source Python script that solves a common Shopify problem - bulk downloading store images. Built with GraphQL Admin API, it handles pagination, exports metadata to CSV, and includes resume capability for large stores.

Matija Žiberna

about 2 months ago

Related Categories

Payload

Deep dives, tutorials, and thoughts on using Payload CMS — a powerful headless CMS for developers who love control and flexibility. Here I share tips, code snippets, and real-world experiences from my projects, whether I’m building custom APIs, structuring collections, or deploying Payload in production.

Sanity

Exploring the power and quirks of Sanity — a flexible, real-time headless CMS. From setting up schemas to integrating with frontends like Next.js, this category covers practical guides, best practices, and lessons learned from using Sanity in real-world projects.

Stay Updated

Get the latest updates on my projects and coding journey.