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

Tutorials

Gadget tutorials are designed to demonstrate how quickly and effortlessly you can build expressive, dynamic apps.

Web apps

Learn how to build full-stack web apps that use Gadget's built-in authentication system and OpenAI plugin.

See the tutorials →

Shopify apps

Learn how to build full-stack Shopify apps, use Shopify extensions, and build integrations.

See the tutorials →

BigCommerce apps

Learn how to build full-stack BigCommerce apps.

See the tutorials →

Powered by Gadget.