I built a SaaS in 10 hours using Framer, Outseta and Stripe

TL;DR: To make a simple SaaS quickly use:

• Framer: full website (landing page + embed HTML code)
• Outseta: handle accounts and subscriptions
• Stripe: Outseta integrations, setup in less than 5 minutes.
• O2Switch: Deploy a NodeJS or Python server (that's where the logic happens)
• ChatGPT: Generate HTML and JS to call the NodeJS server

Now for the full story...

I've been working on this tool to generate short content from long form content.

But it's been 2 or 3 months now, and I am still not close to release something that works well in the upcoming weeks.

So I asked myself "What would be something I could start in a few hours and that I could reuse for this huge tool?".

What about just generating cool subtitles? I know some other tools are doing this but I'm sure I can enhance the quality and avoid the editing subtitles part with an AI that can get more than 99% correct words by inspecting the full context.

This is the first project that I want to monetise so I needed a way to build quickly something that looks great.

I had to find a way to handle user account and payment in a few hours.

I didn't want to code everything from scratch as I knew I would spend hours just figuring out how to send emails.

And then I found the tool I was looking for: Outseta.

Outseta is a no-code tool that manage users and subscriptions.

And the best thing is that you can embed code, meaning I can use the power of Framer to get something cool visually, and Outseta to handle user accounts.

I just need to make a simple server with a single endpoint that takes a video, generate subtitles and give back the link and that's it!

So first I started prototyping, using fluent-ffmpeg in an Express NodeJS server.

I did some research to pick the best AI that can generate captions with a +99% accuracy. After comparing my result with the other existing tools, I knew I had something that could bring value to many:

No edit needed. Ready to post.

Once the server was deployed on my O2Switch account, I needed to find a way to make the website, and discovered that Framer could embed code.

Meaning I could write a simple form that takes the video, then call the endpoint on my server and show the result.

I started working on this small code snippet using ChatGPT and copy/pasted it in Framer.

But before polishing this UI, I wanted to test Outseta, so I made my account and made several pages on Framer to sign up, sing in and see the profile.

All these pages are simple embed code that I just pasted from Outseta.

You can then setup protected path that you can only access with a specific subscription in the Outseta interface.

After protecting /profile and /generate, it was time to test everything.

I made my account, signed in and arrived on the small code snippet I made to upload a video.

80% of the job was done.

I then worked on the landing page, and as it was my first time building with Framer, I discovered the power of this tool.

Everything went so smoothly.

I had my responsive desktop and mobile landing page in a few hours.

So now the time has come to release a first version of the product.

Here is Captions by Sniptales, my first ever project deployed as an Indie Hacker: https://captions.framer.ai

You can upload vertical video, up to 2 minutes, and get the same video but with cool captions that you don't need to edit thanks to the almost perfect accuracy of the AI generating captions.

You can try it for free for one day to test the quality of the tool.

Would love to have your feedback on the tool and I'm free to answer all your questions on how I used Outseta + Framer to build this product.