Your Shopify store,
built in Astro.
The same Smootify 2.0, in an Astro project. Your agent builds the store from the Figma kit, Shopify runs products and checkout, and Cloudflare hosts the site. Same plans, same 17 add-ons, no Webflow plan.
Free on localhost and on workers.dev previews, with a Smootify badge. Your plan unlocks your own domain.
An integration, not a theme.
An Astro integration
Add @smootify/astro to the project and configure it with smootify({ siteId }). It injects the Smootify loader from our CDN, so the runtime is never in your bundle.
Pages from Shopify, at build time
Astro content loaders read products, collections, vendors, blog, articles, pages and metaobjects from Shopify. Build the pages static, or live with SSR and a cache. Shopify webhooks bring the updates, so there is no sync to run.
The same 2.0 contract
The same elements and attributes as on Webflow, run by the same runtime in a build made for Astro. Only the pieces Webflow draws itself, such as dropdowns, tabs and forms, become plain HTML.
One line in astro.config.
The cart, the customer account, filters and search run in the browser, as on Webflow. Home, product and collection pages arrive already filled from Shopify, so the first visit makes no Storefront query.
// astro.config.mjs
import { defineConfig } from 'astro/config';
import smootify from '@smootify/astro';
export default defineConfig({
integrations: [smootify({ siteId })],
});The same skills build it.
Nothing new to learn for your agent: the Astro path uses the files it already reads for Webflow.
- The same Figma kit, annotations and skills as on Webflow
- One build skill: it sees an Astro project and writes .astro components into it
- Plus <SmootifyProducts> and <ProductSeo> from the package
- The Smootify MCP covers the 2.0 contract, and check_markup checks Astro markup
On Cloudflare: static by default, or ISR and SSR on Workers with @astrojs/cloudflare.
Which one?
Same Smootify, the same plans, add-ons and Shopify invoice. The difference is who builds and edits the site, and where it lives. Pick the one that fits the team.
Choose Webflow if…
- Designers or clients edit the site visually, in the Webflow Designer
- You want the Webflow app’s ready components
- The content is edited in the Webflow CMS
- You already have a Webflow site, or you are a Webflow agency
- You build interactions visually
Choose Astro if…Beta
- Your agent or your developers do the build
- You want pages that arrive pre-rendered from Shopify, with no Storefront query on the first visit to home, product and collection pages
- You want a lower monthly cost: no Webflow plan, no Localize add-on for more languages
- You want your own code, in git
- You host on Cloudflare
Two paths, one Smootify.
The store, the add-ons and the Shopify invoice are the same. Here is what changes.
Why not Hydrogen?
Since October 2026 (Hydrogen 2026-10), Shopify’s Hydrogen works with any JavaScript framework, Astro included. It is a great tool if you want to write the store yourself. Smootify is for the complete store, without rewriting it.
Hydrogen
A set of Shopify primitives, such as the Storefront API client, the cart, products, collections and Shop Pay. You write the rest. Anything beyond them, such as bundles, boxes, bookings, quotes, reviews and a wishlist, is code of your own or a Shopify app you install and pay for separately.
Smootify
Batteries included, on the server too:
- Bookings, with the slots counted on the server
- Quotes saved as Shopify draft orders
- Forms that write metaobjects and customer metafields
- File uploads
- Newsletter sign-up
- Magic box and the product configurator, with the price calculated by Shopify
The cart, variants, filters and the other add-ons are HTML with attributes, not code: the same markup as on Webflow. Studio builds the site from your Figma file with Claude.
Fewer apps to pay for, too: the 17 add-ons come with the plan, in place of the 13 paid apps counted in the savings calculator.
Build in Astro, and Webflow leaves the bill.
The Smootify plans and features are the same on both paths. With Astro there is no Webflow plan: Cloudflare hosts the site for $5 a month, so the same store costs $20 a month less.
- Shopify Basicbilled by Shopify$39/mo
- Smootify Serveron the Shopify invoice$49/mo
- Webflow Basic site planbilled by Webflow$25/mo
- Shopify Basicbilled by Shopify$39/mo
- Smootify Serveron the Shopify invoice$49/mo
- Cloudflare Workers PaidCloudflare’s Workers Paid plan, for form emails$5/mo
Selling in more than one language? On Webflow that is Webflow Localize Essential on top, from $12 a month per added language, or Weglot. In Astro it is included: Astro’s i18n routing, with the product translations from Shopify.
Prices billed monthly, checked September 23, 2026; Cloudflare and Webflow Localize Essential on October 20, 2026. On Lite the Smootify line is $19 on both paths. Cloudflare is counted at $5, the Workers Paid plan, for form emails; or send forms through the Metaobject creator add-on, at no extra cost on Server.
Work out your own numberWhat is not there yet.
A public starter
There is no Astro starter repository yet. Your agent starts from the Figma kit.
Every demo store online in Astro
All three demo stores work in Astro and can be rebuilt in Studio from their Figma files. Millimetro and Sunday Crate are online in Astro; the online Astro demo of Spannbach is on the way.
Build it in Astro.
Sell on Shopify.
Free to build, pay only when you go live. One Shopify app with 17 add-ons, billed on the store’s Shopify invoice.
- One Shopify app with 17 add-ons, on the Shopify bill
- Free to build, pay only when you go live
- Works on Basic, Grow and Advanced
- Your 1.x store keeps working
- Every element stays yours to change
- Docs indexed in llms.txt