Free Astro + Shopify ecommerce themes (2026)

If you want a fast custom storefront without running a server, Astro is a great fit: it renders every page to static HTML at build time, so hosting is essentially free and the site is quick by default. Pair it with Shopify’s Storefront API for the catalog and hosted checkout, and you get a modern shop with almost no backend to maintain.

Below are the free, MIT-licensed Astro storefronts in the njX line. Every one runs out of the box on a bundled mock catalog — no keys, no accounts — and switches to your live Shopify store with two environment variables.

The free storefronts

• njx-store — a warm paper-and-pine general store. The most neutral starting point. Source →
• njx-dark-lux — monochrome dark luxury for watches, tech and premium goods. Source →
• njx-verdant — a botanical apothecary look for plants, skincare and wellness. Source →
• njx-boutique — editorial fashion with serif type and full-bleed imagery. Source →
• njx-muse — ink-navy premium womenswear with a transparent masthead and Shop-the-Look hotspots. Source →
• njx-maison — a printed-archive concept (not a webshop) for editorial brands. Source →

What they all share

• Astro 5 + Tailwind CSS v4 — static output, no client framework, tiny JS.
• Provider-agnostic commerce layer (src/lib/commerce/) — start on the bundled mock catalog, flip COMMERCE_PROVIDER=shopify, and the same pages build from your live store. Adding WooCommerce or Medusa means implementing one small interface.
• Working cart that hands off to Shopify’s hosted checkout, instant search, favorites, light/dark theme, and a full set of info pages (about, FAQ, legal, 404).
• Deploys anywhere — Cloudflare Pages, Netlify, Vercel, GitHub Pages.

Get one running in two minutes

git clone https://github.com/njbSaab/astro-njx-store.git my-store
cd my-store
npm install
npm run dev          # http://localhost:4321 on the bundled catalog

To go live, create a .env:

COMMERCE_PROVIDER=shopify
PUBLIC_SHOPIFY_DOMAIN=your-store.myshopify.com
PUBLIC_SHOPIFY_STOREFRONT_TOKEN=your_storefront_api_access_token

Then npm run build — the same pages now build from your real catalog, and the cart creates a live Shopify cart. We wrote a full walkthrough of that step in Connect an Astro site to the Shopify Storefront API.

Free vs Pro

The themes above are free and production-usable. If you want the extended feature set — customer accounts (orders, addresses, reorder), reviews & Q&A, product compare, a journal with a git-based CMS, and richer SEO — each has a Pro edition. Browse them on the themes page.

Either way, start with the free one — it’s a real theme, not a teaser.