From Zero to Mobile Storefront in 30 Minutes with Spree + Hotwire Native

Build a blazing-fast e-commerce app for web and mobile in just 30 minutes using Spree Commerce and Hotwire. One codebase, full flexibility, and native performance—launch faster with less effort.

From Zero to Mobile Storefront in 30 Minutes with Spree + Hotwire Native

Time-to-market is everything in e-commerce. Whether you're launching a new D2C brand or testing out a new product line, having a mobile app can be a game-changer. But building native apps from scratch is costly and time-consuming—until now. Using Spree, a robust open-source e-commerce backend, and Hotwire Native, you can ship a mobile app in just 30 minutes—with native performance and minimal code.

Create a spree website with the native app for both iOS and Android in just 30 minutes

Step 1. Let's start with creating a brand new Spree app. Here are the detailed steps.

1.a. Clone the Spree Project

git clone https://github.com/spree/spree_starter.git
cd spree_starter

2.b. Run the setup Script

bin/setup

This will:

Install dependencies gems, set up database and seed sample data for development environment

2.c. Start the Rails server 

bin/dev

3.d. (Optional) Seed Sample Data.

bin/rake spree_sample: load

This adds sample products, categories, and a checkout flow. Note that Spree don't add any default images for any sample products. You can upload images manually after setup.

If you want to know more details, then follow these simple steps in the Spree e-commerce documentation for a quick start and create your e-commerce website.
https://spreecommerce.org/docs/developer/getting-started/quickstart#browsing-storefront

Step 2. Now let's create a mobile application with Hotwire Native for both Android and IOS.

You can follow our previous article to setup React Native app and point app URL to this Spriv app. No other fancy changes required!
https://blog.humive.com/build-once-run-anywhere-setting-up-hotwire-native-with-rails-for-android-ios/

  • Voilà, your e-commerce website iOS app and Android app are ready. And you can see this type of screen on all devices.

At Humive, we help businesses launch high-performance eCommerce mobile apps using Rails + Hotwire Native, powered by tools like Spree Commerce. From real-time updates and push notifications to seamless native navigation—all of it comes together in a single, efficient codebase.

👉 Have an idea in mind? Let’s turn it into a launch-ready mobile storefront—fast.
Please contact here