Learning path

Shopify App Development with AI

Build one real app on your own store.

You end with a working bundle app. You build it with an AI coding agent, test it, put it online and install it on a second store of yours.

/ 43

VS Code with the app folder open: the file list on the left, shopify.app.toml in the middle, the Claude Code panel on the right.

At a glance

Where you work: In your own terminal and editor, on your own development store.
What you need: A terminal, with Node 22.12 or newer
A free Shopify development store
An AI coding agent of your choice, from lesson 16
A GitHub account and a Railway account, from lesson 37
What you should know: JavaScript, a terminal and HTTP APIs. The theme path is not needed.
How long: 43 lessons. About 7 hours.
Free or Pro: The first 15 lessons are free. The rest is in Pro.

In order

The chapters

7 chapters, 43 lessons.

bundle-app

$ npx @learnshopifydev/cli check manage-your-bundles

Looking at your Bundles page, its delete and your home page  manage-your-bundles
✓ Your Bundles page lists the bundles your app logged
Your app reads its logged bundles back from BundleLog.✕ Your app can delete a bundle: the product on the store and its row in the log
Your app deletes the row in BundleLog, and never deletes the bundle's product on the store.
expected  the product is deleted on the store
found     only the BundleLog row is deleted

The bundle would disappear from your page and keep merging at checkout. Tell your agent that deleting a bundle removes its rule from each product inside it, then deletes the bundle product, and only then the row.
✓ Your app's home page shows this store's bundles
app/routes/app._index.tsx shows data from its loader, and your app reads this store's bundles from BundleLog.✓ Your app builds
npm run build succeeded.
Not there yet. Fix what is listed above and run this again.

Each step is checked on your own machine and your own store. This run caught a delete that left the product behind.