sheetify.store

Build, preview, and deploy your e-commerce site in minutes with sheetify.store. Manage your whole e-commerce business on a simple Google Sheet.

Comment

🛠️ About the Project — sheetify.store

💡 Inspiration

The idea behind sheetify.store came from the need to simplify e-commerce site creation for non-technical users. Inspired by platforms like Shopify, Notion, and Bolt.new, we wanted to create a zero-code interface that turns a simple form or Google Sheet into a fully deployable, customizable storefront — all within the browser.

By combining the power of bolt.diy, Vue, and Supabase, we aimed to let creators build sites the way developers build apps — but without writing any code.

🚀 What It Does

sheetify.store is a web-based e-commerce site builder that allows users to:

  • Log in using Supabase Auth
  • Choose from multiple store templates
  • Customize store name, color, currency, and product source (Supabase or Google Sheets)
  • Click a button to generate a live, editable e-commerce storefront
  • Preview the store directly in-browser
  • Deploy to Netlify with one click
  • Save previous builds for future access (on the free tier)

🔧 How We Built It

We used the following stack, compatible with bolt.new:

  • Frontend UI: Vue 3 + Tailwind CSS + shadcn/ui
  • Auth & DB: Supabase (auth, user settings, product catalog)
  • App Engine: bolt.diy (used to generate full apps in-browser)
  • Deployment: Netlify (via CLI & Deploy Button)
  • Data Source: Supabase by default, Google Sheets integration planned
  • Editor: Built and run entirely inside the browser via WebContainer (stackblitz/bolt.new)

The core structure followed Bolt's best practices, with:

  • A boltify-ui Vue app under apps/
  • Templates stored under packages/templates/
  • A custom Bolt Agent under packages/agent/ to manage generation and preview

🧱 Challenges We Ran Into

  • Avoiding turborepo errors: bolt.diy uses pnpm/turbo, but Bolt prefers npm. We had to rewrite the project using plain npm to avoid lockfile conflicts.
  • Session-limited previewing: Getting the generated site to preview reliably inside Bolt without rebuilding too much each time.
  • Supabase sync with Google Sheets: Creating a fallback when Sheets were unreachable.
  • Claude API: Safely handling API keys inputted by users for live preview prompts.

🏆 Accomplishments We're Proud Of

  • Created a working store builder entirely in-browser — no local dev tools needed
  • Successfully connected Supabase Auth with dynamic store generation
  • Delivered a deployable e-commerce store from a prompt
  • Enabled theme and data customization at generation time
  • Built a live “store preview” iframe inside the builder interface

📚 What We Learned

  • How to build a Bolt-compatible full-stack webapp using only browser tools
  • How to work around WebContainer’s filesystem to dynamically generate and preview projects
  • Vue 3 + shadcn/vue composition best practices
  • Supabase’s OTP and session handling inside WebContainer environments
  • The potential of CLI agents like bolt.diy in enabling no-code use cases

🔮 What's Next for sheetify.store

  • 🟢 Add Google Sheets sync as a product source
  • 🟢 Introduce a tiered model — free tier users can generate and preview; pro users can export or host
  • 🟢 Add more design themes (light, dark, minimal, vintage, etc.)
  • 🔒 Improve API key handling and credential storage
  • 🧠 Use Claude API for smart content generation (e.g., product names, descriptions)
  • 🪄 Add AI-driven template suggestions and auto-fill from CSVs or GPT

💥 sheetify.store is not just a site builder — it’s an experiment in building fully functional businesses inside the browser.

Built With

  • bolt.new
  • netlify
  • supabase
Share this project:

Updates