Making a Fullstack SAAS using Rocket
All righty. Hey everyone, I'm Harshil and the founder of Dream Launch Studios and today I wanted to make a demo on an amazing tool called Rocket. It's currently in beta but I think for all the tools I've played around with for beta, this is good—in fact pretty great actually. Now I have created few projects across the past few days as you can see which includes even a full-blown CRM and task flow for managing tasks. What I want to do today is walk you through a tutorial. I think the code quality that they have written is amazing.
🚀 First Impressions of Rocket
Platform Capabilities
Quick impressions - they deal with web apps, mobile apps, internal tools, website dashboards and landing pages covering literally all of the domains. The good thing is you can also create deployment. So if you closely see here they are with Supabase, Netlify as well. So they have deployment support which is pretty neat.
Framework Support
They support Flutter, HTML, NextJS and React. Most platforms I've seen are React-first, they don't support NextJS, but they have literally support for all of these frameworks which I think is a full-blown package because I mostly build MVPs in NextJS. Sometimes if we need an architecture then for React and mobile apps in Flutter or Expo.
Integrations & Features
They also got GitHub support with Supabase support with Figma, Netlify, Stripe and all these AI API keys that you can integrate and boom direct drop in analytics or also connect with AdSense and recent form integration. I think this is a feature which was pretty needed.
🎯 Building Prompt Marketer - A Marketing Platform
The Concept
I have been reading this book recently which is about marketing. I was like boom, hey let's try to make a marketing application. There should be a platform which is like a community where you can come in and you can drop blogs about your marketing solutions and you can talk about AI marketing and you can talk about prompting for marketing because AI coding and AI marketing are going hand in hand right now.
Platform Overview
The platform will be called Prompt Marketer for all marketers who are going to be using prompts for it. If I just walk you through the whole concept, it's a Medium-style blogging application built specifically for marketers, prompt engineers, solopreneurs and AI content creators. It is a content-first platform for publishing and reading high quality blogs and the core purpose is for go-to marketing and discovering content around prompt engineering.
Target Audience & Design
The target audience includes solopreneurs, marketing professionals, growth hackers, indie founders. I went with orange because the book had an orange color so boom - bold orange, soft orange, white and I think charcoal would go good with it. Typography - I guess that works so yep, I gave it a whole idea.
🔧 Rocket's Development Process
AI-Powered Development
The good thing I like about this platform is it really thinks and it asks a lot of questions. I think that is something I found to be missing in other tools. For right now I have put in it to be hey just store the input and etc. So dummy out a bit of assistance. They have added AI blog assistant but for now I want to focus on building a really good web application first rather than going into the AI integration process.
Feature Requirements
- Option to delete and edit drafts to basically do CRUD operations
- Blog editor, blog feed, individual blog screen, user profile screen, discover screen, dashboard screen
- I'll be skipping the AI blog assistant thing. I want to focus more on the web-first application and building a really good codebase which it is really good at.
Development Time
So yep, I have given it the input. I have selected the screens 1, 2, 3, 4, 5, 6, 7. So I think it's going to start working through it and it has a token window for it. So yep as you can see it has gotten started and it said it will take 10 to 25 minutes for your request. I don't think it goes to the 25 limit. It takes usually below 10. That is what I've observed.
📱 The Generated Application
First Impressions
Love it. I think it has really captured the essence that I was aiming for. It even has lazy loading which is I think really crazy. By the way, if I click on notifications, I think it has all the notifications. John commented, I'm started following, view all notifications. Boom. I can click on my profile. I have all the pages going through the same. I have literally all of the pages I asked for.
Interactive Features
But let's start with first thing first. Latest. I have blogs with dummy images. Love the micro animations. If I click on a prompt, which is a blog by the way, I'm genuinely surprised. This has literally all these interactions sidebar with a good layout. This I don't even personally know how can I write these kind of components and it has this slider. If you can see top as I scroll through the blog, it's literally updating real time. I have not written any code. I've not prompted it to do anything. It's literally doing this real time.
Advanced Features
It has a breakdown with table of contents. I can click on a topic, it can take me there and I can go through it. It has all of the topics. This literally took me almost 20 minutes to figure out from my personal website and it has built it in less than 10 minutes. I have people I can just drop a follow. I can follow/unfollow, the data is updating real time. Right now it's mostly on the UI side. Connect with LinkedIn, connect on LinkedIn, connect on Twitter that is there. I can message which is like right now very dummy. I'll just share my short bio. Love this UI, man.
Real-time Interactions
Comment. Boom. The comment is live. I can even like them. I think there's a re-rendering state happening here as I scroll through it. But just the fact that it has everything and I can go down. It is real time updating my state for scrolling through this. I think is really really crazy. And I can even see related articles. Bro, this is like I click view more and it has shown me more articles related. If I go back, I can click on another article. Boom, there I am. It has content, it has everything about it.
✍️ Blog Editor Experience
Rich Text Editor
If I go to browse all posts, that's the whole library of posts that is available. I'm going to be going to most popular. I think this is as of now static. But if I select different topics, it selects filter by email, which has email in the topic, which I think is really crazy. I go to prompting. This again has more filters. I can remove them. If I select content, it has two how to AI content detection. So it is real time updating with it.
Markdown Support
And bro, just look at it, man. They have literally the markdown and visual format. So if I go here, I can write into markdown format. Hash I built AI product using Rocket. Boom. I switch to this. They have markdown switching. I select this whole thing. I can bold it from here. I can make it italic, underline as well. Like I can literally write a whole blog man like this. I would have to follow a full-blown tutorial.
Publishing Features
I can add a cover image. So I'll just look for something. So I'll just upload this image from Perplexity. I just found online. So I have this image from my laptop. I can do more stuff. Let's say if I go further I can keep adding content. I can delete everything. I can make bullet points as well. So this is like I think this is really crazy. They have brackets and everything there. Everything that is applied.
Settings & Optimization
I can click on settings. Oh, they also have setting for optimize URL friendly slug. So I'll be like AI MVP using rocket. Main focus rocket MVP AI saved draft I can view it how does it actually look which is I think crazy and boom I hit publish. I can't see you can't see it most probably but like I am getting please add a title before publish so it also has checks. Title I made AI product only using rocket and boom I hit publish. I think it's meta title. I need to figure out where do I add title. I close the preview I think. Ah here I need to I made an AI product only using rocket publish. Boom. It's publishing. It goes into our state and it should be live. Like obviously it is just simulating the whole process and that is there.
🔐 Authentication & Dashboard
Sign-in Experience
So what I'm going to do is I think I will now go through all screens authentication screen. They have it sign in. They I think gave me dummy URL because I asked it for just creating. It's checking for responsiveness fairly responsive. So, which is pretty neat. So, I'll be using the values they have given me. Login credential demo at promptmarketer.com. Password would be password one two three. Signing in with a neat animation. Love it. And it even asked me about save and boom bro. Here I am at my dashboard.
Dashboard Features
I don't think I even went through this screen firstly. I was just focused on like the end screen. So I have a full-blown dashboard. I can see my analytics. I can see what all has been created. Email marketing titles use prompt is there. I can copy it. So it is copied to my clipboard. This can work. So everything is present. What else do we got? Discover screen, authentication screen, user profile screen. So you have a user profile screen which I missed. So Sara Johnson, but all published have been by them published with a small summary which is by the way pretty neat. Most popular are there.
🔗 Supabase Integration
Connecting to Database
So what I'm going to be doing I'll just tell it to remove OpenAI and just integrate Supabase to make it a really full stack application. So I have given it a prompt which basically says that I needed to connect to Supabase. So boom, I'll hit connect. I will be authorizing Rocket with tutorials. So it asks for all these. So boom, I authorize Rocket. It is connecting to my project and I'll be selecting tutorial. So I hit save. This is smoothest experience.
Development Experience
To be very candid when I you know really have to connect actual project it starts for me to basically be like hey I need to set up OAuth I need to install this I need to install that but I think it is now going through all these pages generating code for it which is crazy. I will going through the process and I'll get back to you with the generations cool so it has went through the changes it has made some file changes and it has created a SQL file. Boom. I just hit push to Supabase which is a SQL file that they have just generated.
Generated Codebase
They work through 14 files. So I have pushed it on the codebase level. They have added literally all of the files I would have needed for Supabase which is Supabase.js or service, context, blog service.js and even set up environment variables like this whole product that is literally built right now would have been a one and a half hour tutorial and I would have followed it for almost 2 hours few months ago in order to build this.
Database Schema
So it's working through this your schema is ready. So it has integrated it. It is pushing it and let's check Supabase as well. I mean I think it has added some tables. Boom. We have a literal live schema right here. So, it has added user profiles with email. So, I didn't even need to do anything. It has set up email, full name, bio, and everything. Follow account. If I go through it, so they have blog comments literally live as well. They have blog post live as well.
📊 Database Structure
Tables Created
And if I go into table editor, I think I'll see all these tables blog comments. So, they have actual comments. They have blog post that are real. They have it published with the time and everything like they have post table that has been set up. They have user follows. They have user profiles as well.
Live Data
So let me just try to set this up. Authentication screen. If I go to sign up, I'll just add my name is Harshil. If I put in my mail let's say and I'll just say dream launch and say dream launch and I agree to our terms create an account for me the account is under creation which might be taking a while check your email to confirm before signing in if I quickly check the user profiles I'll ask it to refresh it boom I'm live which is like crazy easy crazy easy bro like literally it would take me so much time and I confirm my email it takes me to localhost but basically it should be taking me to the actual product this is in a web container so that's why it is not working but I got the point here it is literally working.
User Authentication
I can sign in using my mail dream launch boom signing in signed in I have great good morning Harshil this is live I can go through all these posts I can edit I can publish it. I can make a new post here. I can drop in an image. I'll redrop the same image. I guess a file smaller than 5 MB. This works. Uploading image. So I drop the same image and I can add content. I will have to add a title about it. View it. Publish it. Publishing. Boom. We have it like so.
💻 Code Quality Assessment
File Structure
Yep. That's a whole walk through of this whole tool. I'll just go to the dash homepage. Maybe blog feed. Open it up better. That's the whole walk through of this tool. I think it is really great. One thing we didn't do is I think go through the codebase try to check it out. So let's go through it because I think codebase is something that I would critically judge it on.
First Impressions
First impressions codebase is neater. Readme obviously has breakdown of everything which is neat. Oh they also have it in a markdown file with the project paths and everything. A basic breakdown src folder which is I think the most critical one as neat components context pages styles utils folder structuring is very good.
Component Organization
Components as UI. UI has I think most probably AI assistant button which has all the variants. So this is taken from most probably shadcn. So they have all the components laid out neatly in the whole process and app icon app image context is OAuth context which is from Supabase. So overall layout they have the state management and the top layout is neat.
Code Standards
They have the whole useEffect below it. Initialize OAuth listener that goes through it which I think it is most of the standardized thing from Supabase only. Not much change here but fairly neater code. I have seen even if I use cursor they mess up the at least the formatting they end up putting some things at the top something at the bottom and that leads to some kind of context being dropped up and down.
Naming Conventions
So neater context pages are really into kebab casing. This is honestly a plus point always for me because a lot of people do the small small letter and uppercase formatting. I am a sucker for kebab casing. They have everything in that. They even have components laid out within it. Which I think is a neater approach. I would have slightly preferred if it was in the components folder but fairly neat. I get it.
Micro-File Architecture
For an AI this is crazy. They have everything segregated and every file is pretty micro. I would say a lot of AIs build a lot of large files but every file is micro in nature. They have all the services they have blog service. So everything is there. The SQL calls are pretty neatly laid out rather than being there and they have authors. They have index. I think pretty much everything I would want is here.
Database Schema
They have the migrations present files present here and like Supabase is live with all the data. The database schema I think is neat. User ID with comment ID sorry comment is connected. So laid out very neatly and the blog post ID is connected with blog comments. The post likes are connected again with ID. So the overall layout is pretty neat and everything at the end ties up to all user ID. This would have set up took me a lot of files.
🎯 Final Verdict
So, yep, that's Rocket for you. I think I really love the product. I have been playing around with it for a while. I have been using it in my workflow and if you would like to check it out, you can check the link just in the thread or if you're watching it on YouTube, you can check it out in the bio/thread.
Overall Experience
And it's an awesome tool. I think you guys should try it out. My personal experience has been like one of the top experiences in terms of code quality. Yes, it takes time to build, but it's like one of those things where you put in time and the result is 100x better rather than getting some UI and having to kind of reconfigure it, rework through stuff.
Rating
So, overall a banger experience. I would give a 10 out of 10 to Rocket. And yep, that's it for the video.
🚀 Resources
Full YT Video: https://www.youtube.com/watch?v=Y86vQ7f56Yc
Rocket Platform: https://rocket.new
Turn Your Idea Into a Revenue-Ready MVP in 4 Weeks