• Home
BuildWithMatija
Get In Touch
Build With Matija Logo

Build with Matija

Matija Žiberna

I turn scattered business knowledge into one usable system. End-to-end system architecture, AI integration, and development.

Quick Links

Payload CMS Websites
  • Bespoke AI Applications
  • Projects
  • How I Work
  • Blog

    • Payload CMS

    • Migration
    • Pricing

    Get in Touch

    Have a project in mind? Let's discuss how we can help your business grow.

    Contact me →
    © 2026BuildWithMatija•Principal-led system architecture•All rights reserved
    1. Home
    3. Blog
    5. Shopify
    Shopify

    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.

    Series in this Category

    Headless Storefront with Shopify and Next.js: Complete Guide
    Series
    Headless Storefront with Shopify and Next.js: Complete Guide

    Complete guide to building headless Shopify storefronts with Next.js: authentication, GraphQL APIs, TypeScript codegen, pagination, search, sitemaps, and variant handling.

    0 Articles
    2 months ago

    All Articles in this Category

    Odoo vs Shopify Headless
    Shopify
    Odoo vs Shopify for Headless E-commerce: A Developer Experience Reality Check

    A practical comparison of Odoo and Shopify for headless e-commerce—covering APIs, cart management, docs, setup complexity, and when each platform actually makes sense.

    Matija Žiberna
    Matija Žiberna
    7 months ago
    • Previous
    • 1
    • 2
    • Next
    Page 1 of 2

    Related Categories

    Payload

    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

    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.

    Newsletter

    Stay Updated

    Get practical notes and implementation updates without the noise.

    use sdk from codegen shopify
    Shopify
    Stop Writing Manual GraphQL Calls: Migrate to Generated SDK in 30 Minutes

    Discover how to eliminate 50% of your GraphQL boilerplate code by migrating from manual API calls to generated SDK functions. Includes real Shopify Storefront API examples and step-by-step transformation patterns.

    Matija Žiberna
    Matija Žiberna
    7 months ago
    shopify graphql
    Shopify
    Automatically Generate TypeScript Types for Your Shopify Storefront Queries

    Building a type-safe Shopify storefront in Next.js? This guide shows you how to automatically generate TypeScript types for all your GraphQL queries and mutations using GraphQL Code Generator, across Storefront, Admin, and Customer APIs — no more manual typing or silent runtime errors.

    Matija Žiberna
    Matija Žiberna
    7 months ago
    shopify-cli-mac
    Shopify
    Setting Up Shopify Theme Development with Shopify CLI on Mac: A Practical Guide for Next.js and React Devs

    A practical walkthrough for Next.js and React developers getting started with Shopify theme development on Mac. Covers Shopify CLI installation with Homebrew or npm, recommended workflows, key gotchas, and a complete reference of all CLI commands.

    Matija Žiberna
    Matija Žiberna
    7 months ago
    Shopify Liquid for Fullstack developers
    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
    Matija Žiberna
    7 months ago
    Shopify variant image in headless storefront
    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
    Matija Žiberna
    7 months ago
    sitemap nextjs shopify
    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
    Matija Žiberna
    8 months ago
    headless platform comparison
    Shopify
    Most Businesses Pick the Wrong Headless Platform – Don’t Be One of Them

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

    Matija Žiberna
    Matija Žiberna
    8 months ago
    shopify headless yes or no
    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
    Matija Žiberna
    8 months ago
    3 core shopify apis for headless development
    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
    Matija Žiberna
    8 months ago
    Pagination in headless storefront Shopify
    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
    Matija Žiberna
    8 months ago
    Product counts in Storefront API
    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
    Matija Žiberna
    8 months ago