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

Advanced topics

Learn about more complex Shopify topics ranging from extensions to OAuth.

Data security

Learn how to keep your merchants' data safe.

Get started →

Metafields & metaobjects

Learn how to use metadata in your Gadget application.

Get started →

OAuth

Learn how Gadget implemented OAuth for the Shopify connection.

Get started →

Billing

Learn how to bill merchants for your applications.

Get started →

shopify.app.toml files

Learn how to set up your shopify.app.toml file in a Gadget application.

Get started →

Building extensions

Learn how to build Shopify extensions in your Gadget application.

Get started →

Customer account UI extensions & authentication

Learn how to use your Gadget application in a customer account UI extension.

Get started →

Powered by Gadget.