I turned my n8n workflow into a functional Micro-SaaS using Gemini 3 to write the frontend

I love n8n for automation, but let's be honest: showing a canvas full of nodes to a non-technical client (like an accountant) is a recipe for disaster. They don't want to see the logic; they just want the result.

I wanted to see if I could turn an internal tool into a user-friendly Micro-SaaS product.

So, I built Smart Invoice Manager. It wraps a complex OCR Invoice Agent into a clean UI where users just upload a receipt, and the system handles the rest.

The AI Assist (Gemini 3): I'm comfortable with logic, but building a full frontend from scratch takes time. I used the new Gemini 3 to handle the heavy lifting of the code generation, specifically connecting the UI to the n8n webhooks. It made the integration feel almost effortless compared to doing it manually.

The "SaaS" Architecture (The Tricky Part): To make this a real product (and not just a script running locally), I had to solve Multi-Tenancy.

If I used standard n8n Google Nodes, everything would save to my Drive.

  • The Fix: I used raw HTTP Request nodes in n8n.
  • The Logic: The frontend (via Firebase Auth) passes the user's specific Auth Token to the workflow. The automation then runs in the context of their account.

The Stack:

  • Backend: n8n (Business Logic & OCR)
  • Frontend: Custom UI (Antigravity)
  • AI Co-pilot: Gemini 3 (Code gen)
  • Auth: Firebase

It’s still an MVP, and turning it into a full-scale product would take more effort, but it proves that with the current state of AI models, the barrier between "Automation Engineer" and "SaaS Founder" is getting much smaller.

Demo video attached. Let me know what you think of the flow!

https://reddit.com/link/1pc7mmh/video/neenx8aafs4g1/player

Leave a Reply