Naar de inhoud

Bolt.new-alternatief voor Shopify-appontwikkeling

Bolt.new kan een prompt in minuten omzetten in een draaiende webapp, dus het is verleidelijk om het op Shopify te richten. Het werkt voor een prototype dat je producten leest — en dan komen de lastige kanten van Shopify-appontwikkeling. Hier is wat Bolt.new goed doet, waar Shopify-apps lastig worden, en het alternatief dat daarvoor gebouwd is.

BlogVergelijkingen5 min leestijd
Abstract illustration of a lightning bolt beside a shopping bag icon, representing the choice between Bolt.new and a Shopify app builder

Waar Bolt.new goed in is

Bolt.new, gemaakt door StackBlitz, is een AI-bouwer voor websites, webapps en mobiele apps. Het draait een volledig Node.js-project in je browser met StackBlitz's WebContainers-technologie, zodat je de app ziet draaien terwijl de AI hem schrijft. Projecten kunnen gepubliceerd worden op Bolt's eigen hosting, gekoppeld aan een database, en gesynchroniseerd met GitHub.

Voor een landingspagina, een intern dashboard, een snel prototype of een webapp die op zichzelf staat, is het een van de snelste manieren om van idee naar iets klikbaars te gaan.

Op het moment van schrijven noemen Bolt's release notes integraties zoals Supabase, GitHub, Netlify en Figma, maar geen native Shopify-integratie. Je kunt Shopify's API's nog steeds aanroepen vanuit een Bolt-project — je doet het Shopify-deel alleen zelf.

Waar Shopify-appontwikkeling lastig wordt

De gebruikelijke eerste poging is een prompt als ‘bouw een dashboard dat mijn Shopify-producten toont, met mijn Admin API-token’. Dat draait. De problemen beginnen als je wilt dat het een echte Shopify-app wordt:

  • Het token moet op een server blijven. Een Admin API-toegangstoken kan je winkel lezen en wijzigen. Het mag nooit naar een browser verstuurd worden, en Shopify's Admin API is niet ontworpen om vanuit een browser aangeroepen te worden. Een prototype dat het token in frontend-code zet, is een beveiligingsprobleem, geen snelle weg.
  • Een echte app installeert via Shopify. Dat betekent Shopify's OAuth-flow, de toegangsrechten die de merchant goedkeurt, en een plek in de Shopify-admin — geen aparte website met een eigen login.
  • Extensies deployen via Shopify's tooling. Thema-app-extensies, checkout UI-extensies en Shopify Functions worden gebouwd en geregistreerd met de Shopify CLI. Een browser-sandbox vervangt die pipeline niet.
  • Apps moeten blijven draaien. Webhooks voor nieuwe bestellingen, nachtelijke taken en Shopify's verplichte privacy-webhooks hebben een backend nodig die altijd aanstaat.
  • Shopify blijft veranderen. Elk kwartaal verschijnt een nieuwe API-versie en oude worden volgens schema gestopt, dus iemand moet de app actueel houden.

Niets hiervan is onmogelijk in een algemene bouwer. Het is simpelweg werk dat de bouwer niet weet te doen tenzij je het vertelt — wat veronderstelt dat je Shopify-appontwikkeling al kent.

AppFly: een Bolt.new-alternatief gemaakt voor Shopify

AppFly is een AI Shopify-appbouwer. Het behoudt het deel van Bolt.new waar mensen van houden — beschrijf het, kijk hoe het gebouwd wordt, pas het aan via chat — en voegt het Shopify-platform eronder toe:

  • Echte Shopify-apps. Apps installeren via de normale Shopify-flow in je winkel en verschijnen in je admin. AppFly vraagt de toegangsrechten die elk onderdeel nodig heeft, en niets meer.
  • Zeven onderdelen, native gebouwd. Adminpagina's, winkelblokken, kortingsregels, checkoutblokken, klantaccountpagina's, Flow-stappen en POS-tegels. Zie wat je kunt bouwen.
  • Een echte build die je kunt volgen. Een coding-agent schrijft het project in een geïsoleerde container, en bestanden, commando's en installaties verschijnen live op je scherm.
  • Hosting die aanblijft. Elke gedeployde app krijgt een eigen subdomein en een eigen Postgres-database, en het platform houdt geplande taken en webhooks draaiende.
  • Breng je eigen agent mee. Claude Code, Codex of OpenCode op het account waar je al voor betaalt.
  • Hulp bij onderhoud. App Doctor let op een gestopte container, een afwijkende configuratie of een schema dat niet meer bij de code past, en biedt de oplossing aan.

Bolt.new vs. AppFly voor Shopify

  • Het beste voor. Bolt.new: webapps, sites en prototypes van elke soort. AppFly: apps en extensies die binnen een Shopify-winkel draaien.
  • Shopify-opzet. Bolt.new: je zet OAuth, rechten, webhooks en extensies zelf op. AppFly: ingebouwd, per onderdeel.
  • Waar het draait. Bolt.new: in de browser tijdens het bouwen, daarna op zijn hosting. AppFly: een geïsoleerde container tijdens het bouwen, daarna je eigen subdomein, database en plek in de Shopify-admin.
  • Previewen. AppFly toont een preview van de app tegen je echte winkel, en houdt een Dev- en een Live-versie naast elkaar zodat je het exacte verschil kunt lezen voordat je iets doorzet.
  • Code. Beide geven je een echt project. Een AppFly-app is een normale codebase die je kunt exporteren en zelf hosten.
  • Prijs. AppFly is gratis om één app te bouwen en een preview te tonen; productie-deploys beginnen bij $29 per maand. Kijk op Bolt's site voor hun actuele plannen.

Wanneer gebruik je wat

Gebruik Bolt.new voor een marketingsite, een losstaande tool, of een snel klikbaar prototype dat je weggooit of aan een developer overdraagt.

Gebruik AppFly als wat je nodig hebt in Shopify thuishoort: een tool voor je team in de admin, een widget op je storefront, een checkoutblok, een korting, een automatisering. Weeg je de kosten van andere routes af, dan geeft de gids over wat een Shopify-app op maat kost de cijfers.

Prompts die goed werken voor Shopify-apps

Welke tool je ook gebruikt, een prompt voor een Shopify-app werkt beter als hij drie dingen noemt — waar de app leeft, wie hem gebruikt en welke gegevens hij raakt:

  • ‘Een pagina in mijn admin die bestellingen boven 500 $ van de afgelopen 7 dagen toont, voor mijn fulfilment-lead.’
  • ‘Een blok op de productpagina dat de verwachte leverdatum toont op basis van een afslagtijd van 14.00 uur.’
  • ‘Een kortingsregel: 10% korting als de winkelwagen drie items uit de Zomercollectie bevat, 15% bij vijf.’

Typ een van deze in het promptvak om te zien hoe AppFly het aanpakt, of lees hoe je een Shopify-app bouwt met AI voor de volledige methode.

Veelgestelde vragen

Kan Bolt.new een Shopify-app bouwen?

Bolt.new kan een webapp bouwen die Shopify's API's aanroept, maar heeft op het moment van schrijven geen native Shopify-integratie. Dat omzetten naar een installeerbare Shopify-app — OAuth, toegangsrechten, extensies en webhooks — is werk dat je zelf doet.

Wat is het beste Bolt.new-alternatief voor Shopify?

Voor apps en extensies die binnen een Shopify-winkel draaien, past een Shopify-specifieke bouwer zoals AppFly beter. Hij installeert echte Shopify-apps in je winkel en regelt de platformopzet voor elk onderdeel.

Is het veilig om mijn Shopify Admin API-token in een Bolt.new-project te zetten?

Alleen in server-side code. Een Admin API-token kan je winkel lezen en wijzigen, dus het mag nooit voorkomen in frontend-code die in de browser draait.

Moet ik kunnen programmeren om AppFly te gebruiken?

Nee. Je beschrijft de app en elke wijziging in gewone taal. Wat kennis van code helpt om te lezen wat er gebouwd is, maar is niet nodig.