Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Title:
- How I Coded ANOTHER Profitable App SOLO (step by step / no bs / with AI)
- Concept:
- A “challenge” type video where I take the viewers through the full process of creating & launching a full SaaS, with Tempo. It will be a filmed in a realistic “vlog” format where I give daily updates on the task and my thoughts on the progress of the app as I build it. The goals are to finish the app in a short period of time, and to get at least 1 paying customer post-launch. Ending with a reflection of the whole process and outcomes.
- ✔ Intro/Hook @done(25-04-18 17:37)
- Another day... another startup.
- Recently I moved to Malaysia and from there I've pretty much been spending most of my time coding my latest project.
- It's been super fun hacking away at something new again, and luckily I've been documenting the whole journey.
- From coming up with the idea, to building the app, to getting that first paying customer.
- In this video, I'll show you every step of the process, so you get an idea of what it takes to build and ship a profitable app from scratch, completely solo.
- And feel free to stick around until the end to see how much money my app actually made.
- ✔ Disclaimer @done(25-04-18 18:04)
- A quick disclaimer, I am partnering with Tempo in this video.
- As I will be using their platform to help me speed up the initial setup and development of my app.
- What is Tempo?:
- "Tempo is an AI-powered visual editor for React which gives engineers, PMs, and designers the ability to collaborate visually on code.”
- They specialize in
- Helping you rapidly build "production ready" web and mobile apps.
- Providing pre-configured SaaS templates to handle all the annoying stuff such as: payments, authentication, and database setup.
- And it does a great job in making app development more approachable for non-technical founders with their easy-to-use visual editor.
- When I was approached with the opportunity to collab with Tempo, it was an easy "yes" as I was very impressed by their product.
- And thought it would be a great way to demonstrate what a realistic workflow looks like for building profitable apps from scratch using their tools.
- While Tempo isn't the only tool for this job, it's definitely a great option as you'll see throughout this video.
- Now, let's get into the video!
- ✔ Idea stage @done(25-04-19 16:18)
- Solving a real problem (scratching my own itch):
- Hook/Transition:
- My app idea is a simple tool that allows me to download video transcripts in bulk from YouTube channels or playlists.
- You're probably asking, why do I want a tool like this?
- Who it's for / use cases:
- Well, it's no secret that YouTube is a goldmine of knowledge and information, but it's all trapped in video format.
- So I'm building this tool for one main reason
- I want a quick and easy way to extract all this "gold" from YouTube videos in TEXT format.
- SO THAT I can feed this data directly into my own custom AI models to help me with everyday tasks
- Like writing better YouTube scripts or creating custom AI agents to help me with my startups.
- Then after giving it some more thought, I know I'm not the only one who needs this.
- Pretty much anyone wanting to train custom AI models with YouTube content is facing the same problem.
- Manual transcript extraction from YouTube is painfully slow and tedious.
- And currently, there aren't many good solutions out there. You either have to do it one by one or pay for a subscription service.
- And if you're anything like me, I don't want to add another subscription to my list of expenses.
- So then I thought, why not try building this tool myself?
- It solves a real problem I am facing, and it could potentially be another stream of income if I execute and market it well to other users who are facing the same problem as me.
- Brief market research — does the product exist already? If so, who are the competitors? What are the ways I can differentiate my app?:
- Hook/Transition:
- Before I start building, I need to do some quick market research to see what my competitors are offering and what I can do to differentiate my app.
- Current solutions:
- First, there's youtube-transcript.io which offers bulk downloading, but requires a subscription with a credits system.
- Truthfully as a customer, I don't want to pay a monthly subscription for something I might only use occasionally.
- So I can definitely see an opportunity for my app to compete by offering a simpler pricing model.
- And looking at their landing page, they report having over 350,000 users worldwide - a clear sign there's already real demand for this type of product.
- This gave me even more confidence in my idea and extra motivation compete with them to take a slice of the market.
- I also found youtubechanneltranscripts.com, but it's been discontinued and no longer works. Not helpful.
- There are also sites like notegpt.io and tactiq.io which lets you download transcripts, but only one video at a time.
- Not ideal for my use case as I need to download transcripts in bulk.
- So my approach will be simple: create a tool with a simpler pricing model and a super clean interface that makes downloading YouTube transcripts in bulk cheap, quick and painless.
- Forming an SLC:
- Hook/Transition:
- After scouting out my competitors, I was excited to jump into my code editor and start building.
- But before I could write a single line of code, I had to plan out what the first version of my app would be like.
- Otherwise, I'll either end up building something that's just not useful, or I'll get constantly distracted by adding shiny new features that don't actually solve the root problem.
- Failure to plan is a plan for failure.
- So, I prefer to use the SLC framework to plan the early versions of my app.
- I'm not a fan of shipping "MVPs" that are buggy at launch and don't do the key 1-2 features they promise, just for the sake of speed and "shipping fast".
- The SLC framework stands for Simple, Lovable, and Complete - and I think it's a much better approach than building something that's just "minimum" and "viable".
- Simple:
- For my app to be simple, it needs to have one straightforward path to solving the root problem.
- Extracting YouTube transcripts in bulk.
- This means, users should be able to accomplish the task in as few clicks or steps as possible.
- Enter a YouTube channel or playlist URL → Click one button → Get all transcripts → Download them
- Easy as that.
- Lovable:
- Nobody likes using a half-baked product.
- So to make my app lovable, it needs to be immediately useful.
- For V1 this means users should be able to download thousands of transcripts quickly, and the transcripts should be well-formatted so that they can be fed to AI for training straight away.
- Your early adopters shouldn't be punished with bugs and crashes. They deserve a product that actually works and does what it promises.
- Complete:
- My app won't be feature-packed at launch, but it will be complete.
- This means users should be able to sign up, make a purchase, and immediately download transcripts.
- This is the "leanest" version of my app, and the goal is to provide value from day one, and then iterate the product based on feedback from real users.
- Like I've said before, I'm aiming to ship a V1 of something simple, instead of a V0.1 of something complex.
- ✔ Build stage @done(25-04-22 14:53)
- Buying the domain:
- Hook/Transition:
- Now that I have a basic plan in place, it's time to commit and secure a domain for the app.
- I decided to go with `youtubetranscripts.io` as it's short, descriptive, SEO friendly, and doesn't break the bank.
- After the domain was secured, it was time to start building.
- Project setup (using Next.js + Supabase + Stripe template):
- For this project, I am using the standard web tech stack - React & Next.js for my frontend and API, Supabase for database and authentication, and Stripe to handle payments.
- Normally, setting up my projects would take me a few hours to get everything connected and working,
- But this time, I am using Tempo to help me with the setup process, and I was able to get my auth, database, and payments all working in under 10 minutes.
- All I had to do was click through their guided setup, paste in a few API keys, and within minutes I had a fully functioning project with all the annoying stuff correctly configured.
- Then I gave a simple prompt to Tempo describing what my app does
- `I want to create a web application that allows users to extract transcripts in bulk from YouTube channels or playlists, or from individual videos.`
- And then it just starts generating the project files, documenting project requirements, and building out the UI.
- Create the landing page w/ Tempo:
- And honestly, the first version of the landing page Tempo generated was pretty impressive.
- It wasn't perfect, but it was a solid starting point with a clean layout and some decent copy.
- From there, I just asked their AI to refine some sections.
- Like updating the features section to better highlight what the app actually does.
- Adding a use cases section
- And a FAQs section to answer common questions or objections upfront.
- Quick Tempo UI breakdown:
- Hook/Transition:
- Before we move on, let me give you a quick tour of the Tempo UI.
- The interface is split up into 3 tabs: Product, Design, and Code.
- Product Tab:
- In the product tab, you can write out your product requirements, features and even create a full user flow diagram of your app.
- The most useful thing about this is that all this information gets fed directly to the AI as context, reducing hallucinations massively.
- Design Tab:
- In the design tab, you can build out your UI by just clicking and dragging elements - pretty much just like using any other design tool like Figma or Webflow, but it generates actual React code behind the scenes.
- They also support importing your existing Figma designs, so you can use them as a starting point and ask their AI to generate the React code for you based on your existing designs.
- Demo: `https://www.youtube.com/watch?v=UogEFB53CUA&ab_channel=Tempo%28YCS23%29`
- Code Tab:
- Finally, the Code tab is where you can open and edit any file in your project, just like you would in VS Code or Cursor.
- It also integrates nicely with GitHub, so you can push your code directly to a repo and keep everything version controlled.
- Continue developing core app logic w/ Cursor:
- Hook/Transition:
- With the initial setup all done.
- I pushed the code to GitHub and fired up Cursor to start building out the core features of my app.
- So here's a quick timelapse of me hacking away over the next couple of days getting it ready for launch. Enjoy!
- ☐ [STILL WIP] Launch & Marketing stage
- My approach:
- Hook/Transition:
- Marketing channels:
- Hook/Transition:
- - T-shape funnel, going "wide" to spread the word on all of the typical launch platforms
- - Going "deep" means to target where my ideal customers are and build a relationship with them directly
- - Either through responding to comments to let them know I launch a tool to solve their problems
- My messaging:
- Hook/Transition:
- - When you're launching a new app, especially as a solo founder, you need to be able to communicate clearly what problem your app solves and why you spent your time building it.
- Where are my users?
- Product Hunt
- HackerNews
- Reddit
- AI, Coding, Startups, Data subreddits
- r/DataHoarder
- r/SideProject
- r/Startups
- r/SaaS
- Twitter Cold outreach
- youtube-transcript (competitors Discord server)
- My YouTube channel
- My Discord server
- ☐ [STILL WIP] Reflection / What I learned
- Quick showcase of first version of the app:
- - Right now it's just a basic extraction tool, but I have many updates and features I want to build on top of this. If you want to keep up with my progress feel free to subscribe!
- Short recap of the whole process:
- * Idea — Scratching my own itch, creating a product that solved a problem I was facing and personally understood at the root level.
- * Building — Launching only the simplest and most functional version of my app, iterating as I use it more and receive feedback from real users.
- * Marketing — Know where to find my users
- * Wide & deep
- * You want to spread the word about your launch to as many people as possible, but you also want to reach the users who truly NEED your product
- * I found mine deep Reddit in post comments, a simple reply can make them aware of your product and potentially gain you one extra customer
- * Reflecting challenges during development
- * Total earnings since launch
- * I have to say, it feels good to be grinding on something new again
- * These times where I get to be creative and just hack away are the times where I have the most fun
- * A quick Tempo comparison with competitors, what I liked / could be improved
- * Mention active Tempo community
Advertisement
Add Comment
Please, Sign In to add comment