Name: E-commerce Store App
Availability: InStock

Join the waitlist

Limited early access

Build the app you keep thinking about.

Describe your idea. Sanic AI builds the real app, end to end.

Built with Appsanic

E-commerce Store App

A boutique storefront that works from the first open

Mercantile is a local-first storefront built with Sanic UI. Twenty-four products across six categories ship with colourways, sizes, ratings and reviews. Browse the hero, category tiles and rails, search with price, rating and sort filters, and build a cart with quantities and a promo code. Checkout collects a validated address and delivery option, then a demo payment step that never asks for card details records the order with a status timeline. Everything stays on the device.

Twenty-four seeded products with colourways and sizes
Featured and new-arrival rails plus category tiles
Search with category, price range, rating and sort
Cart with quantities, promo code, tax and shipping
Validated address, delivery choice and demo payment
Order history with a status timeline and wishlist

Use this template

What you can do

Mercantile is a boutique storefront that works entirely on the device. Twenty-four products across six categories ship with colourways, sizes, ratings and three reviews each. Shop opens on a hero banner, category tiles and rails for featured and new arrivals; Search filters by category, price range, rating and sort; a product page shows a colourway gallery, selectors, a quantity stepper, reviews and a wishlist heart. The cart supports quantities, removal and the SAVE10 promo code with tax and shipping in the summary, and checkout collects a validated address and delivery option before a demo payment step that never asks for card details records the order. Orders keep every order with a status timeline.

Made forMerchants and product teams who want a complete storefront flow to demo or build on before connecting inventory or payments.

Browse featured and new products, category tiles and a seasonal hero
Search with category, price range, rating and sort filters
Pick a colourway and size, set a quantity and add to cart or wishlist
Manage the cart with quantities, removal and the SAVE10 promo code
Check out with a validated address, delivery option and a demo payment step
Track orders through placed, packed, shipped and delivered
Keep everything on the device with persisted local state

Under the hood

For developers: exactly what is included when you start from this template, taken straight from the template's own code.

Stack

Expo SDK 54 managed workflow, configured for portrait phonesReact Native 0.81.5 and React 19.1.0TypeScript ~5.9.2React Navigation 7 with native-stack and bottom-tab navigationZustand with AsyncStorage persistence for the cart, wishlist, address and ordersThe current Sanic UI component kit, tokens, safe-area helpers and iconsNo account, backend, database or API key

Screens

Shop
Hero banner, category tiles, featured and new-arrival rails and your wishlist rail.
Product
Colourway carousel, name, price, rating, colour and size chips, quantity, description, reviews and add to cart.
Search
Instant search with category chips, a price range slider, minimum rating and sort, showing a product grid.
Cart
Line items with steppers and removal, promo code entry and a summary with discount, shipping and tax.
Checkout
A three-step flow: validated address, delivery option and a demo payment summary that places the order.
Orders
Order history with status badges and a restore of sample orders.
Order
Status timeline, items, delivery address and totals for one order.

Data model

catalogue
Twenty-four typed products with prices in cents, colourways, sizes, ratings and reviews, bundled as local content.
cart and wishlist
Persisted lines with product, size, colourway and quantity, the promo state and wishlisted product ids.
orders
Placed orders with lines, address, delivery, totals and status.

Backend

Local-first by design: the app opens directly into Shop and every workflow works without network access, account creation or environment variables.
Payment is a labelled demo step: nothing is charged and no card details are ever requested, which keeps the template safe to ship as a starting point.
A granular Zustand store owns cart, wishlist, address and order actions; AsyncStorage rehydrates the snapshot on launch.
No remote database, server function, environment variable or API key is required.

More templates

All templates

Commerce

Restaurant Ordering App

Order from the table, track it from the kitchen

View template

Lifestyle

Photo Journal App

One photo a day, kept close

View template

Social

Social Feed App

A friendly feed that feels alive from the first open

View template

Social

Live Streaming App

Channels, live rooms and chat that run on the phone

View template

Built with Appsanic

E-commerce Store App

A boutique storefront that works from the first open

Twenty-four seeded products with colourways and sizes
Featured and new-arrival rails plus category tiles
Search with category, price range, rating and sort
Cart with quantities, promo code, tax and shipping
Validated address, delivery choice and demo payment
Order history with a status timeline and wishlist

Use this template

What you can do

Made forMerchants and product teams who want a complete storefront flow to demo or build on before connecting inventory or payments.

Browse featured and new products, category tiles and a seasonal hero
Search with category, price range, rating and sort filters
Pick a colourway and size, set a quantity and add to cart or wishlist
Manage the cart with quantities, removal and the SAVE10 promo code
Check out with a validated address, delivery option and a demo payment step
Track orders through placed, packed, shipped and delivered
Keep everything on the device with persisted local state

Under the hood

For developers: exactly what is included when you start from this template, taken straight from the template's own code.

Stack

Screens

Shop
Hero banner, category tiles, featured and new-arrival rails and your wishlist rail.
Product
Colourway carousel, name, price, rating, colour and size chips, quantity, description, reviews and add to cart.
Search
Instant search with category chips, a price range slider, minimum rating and sort, showing a product grid.
Cart
Line items with steppers and removal, promo code entry and a summary with discount, shipping and tax.
Checkout
A three-step flow: validated address, delivery option and a demo payment summary that places the order.
Orders
Order history with status badges and a restore of sample orders.
Order
Status timeline, items, delivery address and totals for one order.

Data model

catalogue
Twenty-four typed products with prices in cents, colourways, sizes, ratings and reviews, bundled as local content.
cart and wishlist
Persisted lines with product, size, colourway and quantity, the promo state and wishlisted product ids.
orders
Placed orders with lines, address, delivery, totals and status.

Backend

Local-first by design: the app opens directly into Shop and every workflow works without network access, account creation or environment variables.
Payment is a labelled demo step: nothing is charged and no card details are ever requested, which keeps the template safe to ship as a starting point.
A granular Zustand store owns cart, wishlist, address and order actions; AsyncStorage rehydrates the snapshot on launch.
No remote database, server function, environment variable or API key is required.