Overview
Tutorials for everything you can add to an Appbrew app.
Blocks, integrations, trackers, data: everything in an Appbrew app that you can build on comes down to the same pattern. Write a component or class, register it under an id, and let config decide where it runs. The tutorials in this section walk through each of those, start to finish, with working code.
If you are new to the platform, read Concepts first. Every page here assumes you know what a screen, a block, and the config are.
Which pages apply to you
Merchant developers: you work in a single app repo, building blocks for one store. Start with custom blocks, keep the element catalog open next to it, and read metafields when your block needs store-managed data.
Partner developers: you build an integration package that many apps install. Read the same block pages (your blocks are just blocks that live in a package), then the integration and tracker pages, which are specific to your track.
Everyone finishes with Testing your work before handing anything off.
Build UI
Custom blocks
A worked block, from config interface to on-screen placement.
UI elements catalog
Every atom, helper element, and layout element you compose block UIs from.
Metafields
Read product, collection, and shop metafields with typed, null-safe hooks.
Build an integration
Build an integration
Scaffold a package, ship blocks and a tracker, and declare your manifest.
Analytics trackers
Forward app events to your platform: whitelists, mappers, and config wiring.
Verify
Surface guides
Deeper guides for specific app surfaces are being written: checkout, customer login, discounts and cart, post-purchase, push notifications, deep links, integration settings forms, and the webview contract. The tutorials above are self-contained and do not depend on them. If you need one of those surfaces before its guide lands, ask.