Ready to maximize your revenue?Book a Demo
TOPCODE

Frances Chen

Senior Shopify Engineer

Frances builds Shopify apps and themes for TOPCODE. She writes about app architecture, Liquid, and Shopify Plus migration patterns. (FILL IN with real bio ≥150 chars before seeding.)

Posts

Building a verified webhook handler in Next.js for Shopify

TOPCODE
Webhooks

Building a verified webhook handler in Next.js for Shopify

HMAC verification, idempotency keys, and async queue patterns so your handler never drops an event.

Read more

Top 4 Shopify theme starter frameworks ranked

TOPCODE
Themes

Top 4 Shopify theme starter frameworks ranked

Dawn, Skeleton, Prestige, and Symmetry — ranked by developer ergonomics, performance baseline, and customization ceiling.

Read more

Introduction to Shopify Polaris: the Admin design system

TOPCODE
Polaris

Introduction to Shopify Polaris: the Admin design system

Polaris is Shopify's React component library for embedded apps. Here's why you should use it, what you get, and where it falls short.

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

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

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