Ready to maximize your revenue?Book a Demo
TOPCODE

Blog

Deep articles, tutorials, and field-tested guides on Shopify apps, themes, and software development from the TOPCODE team.

Latest

Setting up a Hydrogen 2 storefront from scratch

TOPCODE
Hydrogen

Setting up a Hydrogen 2 storefront from scratch

From `npm create @shopify/hydrogen` to a deployed Oxygen storefront in under an hour.

Read more

Structuring relational data with Shopify metaobjects

TOPCODE
Metaobjects

Structuring relational data with Shopify metaobjects

Metaobjects are reusable structured data entities. Build a team-member directory on a Shopify store without a headless CMS.

Read more

What is Hydrogen?

TOPCODE
Hydrogen

What is Hydrogen?

Shopify's React meta-framework for building custom storefronts, built on Remix and hosted on Oxygen.

Read more

Smart collections vs. manual collections: a beginner's guide

TOPCODE
Shopify Beginner

Smart collections vs. manual collections: a beginner's guide

Smart collections auto-sort products by rule. Manual collections give you full control. Most stores need both — here's the split.

Read more

Automating flash sales with Shopify Plus Launchpad

TOPCODE
Launchpad

Automating flash sales with Shopify Plus Launchpad

Schedule price changes, theme swaps, and inventory unlocks to the minute. Launchpad is the underrated Plus feature most merchants don't use.

Read more

Setting up shipping zones and rates in Shopify for beginners

TOPCODE
Shopify Beginner

Setting up shipping zones and rates in Shopify for beginners

Flat rate, price-based, and carrier-calculated shipping — what each is, when to use it, and how to configure it in under 20 minutes.

Read more

The 12 Liquid filters every theme developer should know

TOPCODE
Liquid

The 12 Liquid filters every theme developer should know

From `money_with_currency` to `metafield_tag` — the filters that solve real problems, with examples you can paste.

Read more

A practical Git workflow for Shopify theme development

TOPCODE
Git

A practical Git workflow for Shopify theme development

Feature branches, development themes, and `shopify theme push --only` — the workflow that prevents stomping on each other's changes.

Read more

What is Shopify Polaris?

TOPCODE
Polaris

What is Shopify Polaris?

Shopify's open-source React component library and design system for building embedded app UIs that feel native.

Read more

Implementing Shopify OAuth from scratch (without a framework)

TOPCODE
Oauth

Implementing Shopify OAuth from scratch (without a framework)

Understand exactly what happens during Shopify app install: the OAuth 2.0 flow, HMAC validation, and session token exchange.

Read more

What is the Shopify GraphQL Admin API?

TOPCODE
Graphql

What is the Shopify GraphQL Admin API?

The primary interface for reading and writing Shopify store data from an app: products, orders, customers, inventory, and more.

Read more

What is Online Store 2.0?

TOPCODE
Online Store 2

What is Online Store 2.0?

The 2021 theme architecture upgrade that introduced JSON templates, section groups, and app blocks.

Read more