shopify· 8 min read

How to Build a Shopify App with VULK

Generate complete Shopify apps with Remix, App Bridge, and Polaris. Includes OAuth, webhooks, and billing integration.

João CastroJoão Castro
How to Build a Shopify App with VULK

Updated July 18, 2026 — refreshed with the honest preview status and current platform data.

How do you build a Shopify app with VULK?

The complete answer: you describe the app in a prompt — "Shopify app", "app for merchants", or "Shopify plugin" triggers the mode automatically — and VULK generates a complete application on the official Shopify development stack: Remix, App Bridge, Polaris, Prisma, OAuth 2.0, webhooks, and the Billing API. You export the project, run it locally with the Shopify CLI (shopify app dev), and install it on a development store. The hardest parts of Shopify app development — the OAuth flow, webhook registration, billing subscriptions — are generated for you.

One truth stated upfront: Shopify apps have no live preview inside VULK. App Bridge apps must run embedded in the Shopify admin iframe with a real merchant session — no external tool can simulate that context honestly. What VULK gives you is complete, correct code plus the exact CLI workflow to run it where it has to run: inside Shopify. Among AI app builders, generating embedded Shopify apps at all remains rare — most competitors generate React web apps only (VULK platform data, July 2026, N = 11,355 projects across 8 platforms).

What does VULK generate for a Shopify app?

Layer What you get
Framework Remix app structured per Shopify's official template
Admin UI Polaris components (ResourceList, DataTable, Cards, Banners)
Embedding App Bridge configuration for the Shopify admin iframe
Auth Complete OAuth 2.0 flow: install → consent → token exchange → secure storage
Database Prisma models for sessions and your app's domain data
API access Type-safe GraphQL queries against the Admin API
Webhooks Registration + handlers (e.g. ORDERS_CREATE, APP_UNINSTALLED)
Billing Billing API integration: plan page, subscription creation, active-subscription checks
Config shopify.app.toml with scopes and app settings

How do you describe the app so the output is good?

Be specific about what the app does for merchants:

Product review manager:

Build a Shopify app for managing product reviews. Merchants can view, approve, and respond to reviews. Customers see star ratings on product pages. Include a dashboard with review analytics.

Inventory alerts:

Create a Shopify app that monitors inventory levels and sends alerts. Set custom thresholds per product. Dashboard shows low-stock items and restock suggestions.

Four prompt techniques that pay off:

  1. Specify permissions — "Read products and orders, write discounts" sets correct OAuth scopes in shopify.app.toml
  2. Describe the merchant workflow — "Opens app, sees dashboard, clicks product" designs the right page flow
  3. Name Polaris components — "ResourceList for products, DataTable for reviews" gives specific UI direction
  4. Think about webhooks — "When order is created, check VIP status" tells VULK to register ORDERS_CREATE

How does the OAuth and authentication flow work?

The complete OAuth 2.0 flow is generated automatically: the merchant installs the app, approves the requested permissions, the app receives an authorization code, exchanges it for an access token, and stores it securely in the Prisma-backed session storage. Protected routes verify the session before touching the Admin API. This is the part that sinks most first-time Shopify developers, and it ships working.

How does the app talk to the Shopify Admin API?

Generated code includes type-safe GraphQL queries for the Shopify Admin API: fetching products, reading orders, managing customers, creating discounts, and registering webhooks. Queries live in loader/action functions on the Remix routes, following Shopify's own patterns — so a developer who knows the official template can navigate the generated project immediately.

How does billing integration work?

Mention pricing in your prompt ("$9.99/month with a 7-day trial") and VULK generates the Billing API integration: a plan selection page with Polaris pricing cards, subscription creation, billing confirmation redirect, and active-subscription checks on protected routes. Revenue infrastructure from the first generation.

How do you run and test the app?

Since App Bridge requires the real Shopify admin, testing happens through Shopify's own tooling — the same workflow every professional Shopify app developer uses:

  1. Export the project as a ZIP from the VULK editor
  2. Install dependencies: npm install
  3. Run the dev flow: shopify app dev — the CLI creates a tunnel, updates the app URL, and installs the app on your development store
  4. Iterate: paste errors or change requests back into the VULK conversation, regenerate, re-run

A development store is free from the Shopify Partners program, and shopify app dev hot-reloads as you edit.

What does this replace, in time and money?

Traditional Shopify app development runs $25,000–$300,000 and 6–12 months with an agency, mostly spent on the undifferentiated foundation: OAuth, session storage, webhook plumbing, billing. VULK generates that foundation in minutes, and your effort goes into the merchant-facing logic that actually differentiates the app. The generated stack is Shopify's official one, so any Shopify developer can take the project over without translation.


FAQ

Can I preview my Shopify app inside VULK?

No — and no tool can do this honestly. Embedded Shopify apps run inside the Shopify admin iframe via App Bridge, with a real OAuth session against a real store. VULK generates the complete code and gives you the exact CLI workflow (shopify app dev) to run it on a free development store within minutes.

Do I need a Shopify Partners account?

Yes, and it is free. The Partners dashboard is where you create the app listing, get API credentials, and spin up unlimited development stores for testing.

Is the generated app eligible for the Shopify App Store?

The generated foundation uses Shopify's required stack (Remix, App Bridge, Polaris, OAuth, webhooks — including mandatory compliance webhooks) which is what App Store review expects. You still need to meet Shopify's listing requirements: app quality, support contact, privacy policy, and review approval.

Can VULK also build Shopify themes or Hydrogen storefronts?

Yes — they are separate modes. "Shopify theme" prompts generate Online Store 2.0 Liquid themes; "Hydrogen" or "headless" prompts generate Hydrogen storefronts. Like apps, both are generation-only (no live preview): themes preview through shopify theme dev against a real store.

What does VULK cost for Shopify app development?

VULK is paid-only (no free tier). Plans start at Builder $19.99/mo — which includes source ZIP export, the workflow you need for Shopify apps — with a 3-day full-access intro from $3.99 credited to your first month if you continue.


Describe the app your merchants need at vulk.dev — and get the OAuth, billing, and webhook plumbing done before your coffee cools.

Published by João Castro · 8 min read

Keep reading

All articles
VULK Support

Online

Hi! How can I help you today?

Popular topics

AI support • support.vulk.dev