Guides
Getting started
Models
Actions
HTTP routes
Data access
Frontends
Templates
Access control
Plugins
Environments
Source control
Development tools
Docs
GuidesAPIReference
Create app
Discord
  • Getting started
    • Quickstarts
      • Web quickstart
      • Shopify quickstart
      • BigCommerce quickstart
    • What is Gadget?
    • How to build a Gadget app
    • How is Gadget different from X
    • Tutorials
      • Web apps
        • OpenAI screenwriter
      • Shopify
        • Automated product tagger
        • Pre-purchase checkout UI extension
        • Sync data to another service
        • Storefront chatbot using OpenAI
        • Product recommendation quiz
      • BigCommerce
        • Automatically add search keywords to products
        • Size charts for Catalyst storefronts
  • Models
    • Fields
    • Storing files
    • Relationships
    • Namespaces
  • Actions
    • Types of actions
    • Action code
    • Background actions
    • Triggers
    • Namespaces
  • HTTP routes
    • Route structure
    • Route configuration
    • Common use cases
  • Data access
    • API access to data
    • Computed fields
    • Computed views beta
    • Gelly
  • Frontends
    • Building frontends
    • Building with Remix
    • Building with React Router
    • Autocomponents Beta
      • Polaris
      • Shadcn
    • Forms
    • Realtime queries
    • External frontends
    • Optimize LCP
  • Templates
  • Access control
  • Plugins
    • Shopify
      • Quickstarts
        • Connecting via Partner dashboard
        • Connecting via store admin
      • Building Shopify apps
      • Working with webhooks
      • Syncing
      • Frontends
      • Embed previews
      • Advanced topics
        • Data security
        • Metafields & metaobjects
        • OAuth
        • Billing
        • shopify.app.toml files
        • Building extensions
        • Customer account UI extensions & authentication
      • API version changelog
    • BigCommerce
      • BigCommerce webhook subscriptions
      • Working with BigCommerce data
      • Building single-click app frontends
      • Building App Extensions
      • Integrate with Catalyst storefronts
    • OpenAI
      • Building with OpenAI
    • Sentry
    • Authentication
      • Helpers
      • Workflows
      • Building with Google OAuth
      • Building with email/password
      • Removing default authentication methods
  • Environments
    • Deployment
    • Set up a CI/CD pipeline
    • Custom domains
    • Development pausing
  • Source control
  • Development tools
    • AI assistant
      • Features
    • Logger
    • ggt - the Gadget CLI
    • Environment variables
    • TypeScript support
    • Unit testing
    • Framework linter
    • Keyboard shortcuts
    • Account and billing

Gadget framework
Glossary
FAQ

Shopify tutorials

Learn how to build Shopify apps using the built-in Shopify plugin, which handles webhook subscriptions, data sync, authentication, AppBridge set up, session token management (and more!) out of the box.

Automated product tagger

Build an embedded Shopify app that automatically tags products in a store based on description keywords.

Start building →

Pre-purchase checkout UI extension

Learn how to use Gadget and metafields to build Shopify checkout UI extensions.

Start building →

Forward data to an existing service

Use Gadget's background actions to reliably send Shopify data to an existing service.

Start building →

AI product recommendation chatbot

Use OpenAI to build a storefront chatbot that recommends products to shoppers.

Start building →

Product recommendation quiz

Learn how to call a Gadget API from the Shopify storefront, using a product quiz as an example.

Start building →

Powered by Gadget.