DEV Community

Cover image for Buildsaas.dev
shrey vijayvargiya
shrey vijayvargiya

Posted on

Buildsaas.dev

Welcome to the art of building applications

Under the Hood

The story begins when I started my freelancer or solopreneur journey, a few years back, 5 years ago to be precise.

Problem

Every time I was working on a new project/product/client work, I faced the same repetitive process

  • Frontend code repository
  • Almost the same UI pages with all UI components
  • API integration mainly follows the same pattern of API (just a few changes in key-values or table column keys)
  • Database integration along with Authentication Even after having AI code editors to almost write plain english for building, the process to be followed for every new project/product/website remains the same, and a more important point to be noted is why AI code editors do the same work again and again for every new project?

AI can reuse the code and depend more on a framework instead of rewriting the same code

I hate doing the same pattern work; it must be automated, but the big question then was how?

Automation should not cost the customisation and freedom for developers. I don’t want to work with shadcn in every project, not because I hate it, but because not everywebsite should look the same.

Same UI components lead to similar-looking websites; we need to change that by providing customisation freedom.

Few glitches to solve, fewer tokens to cost and more scripts to automate should be written, and in the end, a system/framework should be built.

Buildsaas.dev at the rescue

That leads me to build a basic framework. I want to build it for my websites and projects and test in a real-world application, for example, check ihatereading.in and gettemplate.website, both of which are built using one framework, and that is buildsaas.dev

Buildsaas is not just a boilerplate but a framework that provides full-featured features, APIs, Authentication, Payments, and CRUD operations in one code repository.

One repository that works well with almost every online business. Buildsaas provide freedom, give fundamental base to start, provide modular approach in development to scale and is highly customisable in nature.

Buildsaas starter boilerplate works with Cursor, V0, Antigravity, Bolt & Lovable, making it redundant, low downtime (works every time), needs fewer changes, and is highly scalable because of the latest technology stack.

Buildsaas provides a way to quickly build full-stack applications, manage, analyse, scale the product, analyse the audience with engaging content, subscription management, bugs/errors tracking, new releases management and more advanced features, that I’ll be taking about below

Advance Admin Panel

Most of the boilerplate I’ve seen on the internet puts attention mainly in frontend development by integrating UI components, adding themes with all other detailed required pages, such as blogs landing page, waiting list, error reporting, newsletter subscription form and lots of animations.

Whereas with Buildsaas, I’ve moved one step ahead.

Building projects/website is not a hard task, but managing, running and scaling to increase revenue is the hardest ladder to climb.

Most of the boilerplate provide easy shortcut to a big, cool, animated frontend website to attract users, but what else afterthat is unknown, a mystery and unsolvable. Most of the clients have personally brought this problem to me, and I’ve faced the same problem with existing boilerplates is they don’t help much after some time.

That is what brought me build the Advanced Admin Panel, which I was personally using in gettemplate and ihatereading.

10k of ihatereading users were emailed yesterday using Buildsaas and Resend as emailing sending npm module, one cool Tiptap editor to write and one API method to send emails in batches to all users/subscribers and this all is done inside one Admin panel.

Admin panel is the magic behind every successful startups/, websites/projects. Admin panel contains the new ideas, existing customers, future contacts, engaging content and even more.

The buildsaas admin https://buildsaas-s18e.vercel.app/admin provides the following, as shown in the image

  1. Dashboard: View reports, analyse charts for the entire application
  2. Blogs, Emails: Blogs and Emails list, along withthe Tiptap editor to write blogs and craft emails. Please note that one can send emails to all subscribers within it
  3. Kanban board: Manage tasks using drag-drop kanban board (works with teams as well, assign tasks to a team member)
  4. Assets: Asset management to get a public sharing URL 5.** User subscribers**: Collection of newsletter subscribers
  5. Users: List of all authenticated users of your application
  6. Customers: List of paying customers on your application
  7. Waitlist: Waiting list before launching your application
  8. Analysis: Provide charts anda visitors list with unique fingerprinting for each visitor
  9. Payments: Track records of all payments that occur on the application
  10. Product: List of online products to be shown on the application
  11. Invoices: Create, store invoices for customers, users or for each payment record
  12. Messages: All messages received from the users on the application
  13. Issues: Record all issues or bugs in the application for quick solving
  14. Forms: Forms submission list along with form-builder with public URL to create forms for feedback, reviews, rating and more
  15. Teams: Team management for the admin panel using Role-Based Access Control (RBAC)

There are numerous features within a single admin panel, but every website or online business needs them in one form or another, which makes it imperative to integrate all of them in Buildsaas.

Frontend Application

Buildsaas is not just an admin panel.

Buildsaas comes with a frontend application that includes authentication and other integrated services.

  • Landing page with Navbar, Hero section, Features, Pricing and Footer
  • Google and Email/Password Authentication using Firebase/Supabase (Depending on the database)
  • Features page to list down SAAS application features
  • Pricing page with pricing API and payment API integrated to add subscription -> collect payments -> Track payments and more
  • Newsletter subscription form
  • 404 Error page
  • Legal pages, privacy, cookie content, policy with terms and conditions pages
  • Responsive source code Making Buildsaas a long-term framework.

Tech Stack

What makes Buildsaas customisable is the Tech stack. I personally don’t want to add every npm package or third-party API in the existing framework because it reduces the tendency to customise.

Current Tech Stack

  1. Nextjs and React
  2. Tailwind CSS
  3. Tanstack React Query for data fetching
  4. Resend for Emailing
  5. Firebase/Supabase for Authentication with Google and Email/Password
  6. Firebase/Supabase as database
  7. Stripe/Polar for payments
  8. dndkit for Drag drop
  9. Tiptap Editor for creating content
  10. AI integration is done by the Vercel AI SDK or the OpenAI router
  11. Server-side API in Nextjs for webhooks and other APIs

Tech stack left/avoided

  • Shadcn
  • Typescript (Choice is given to the developer to change to TS from JS)
  • Mailgun and other emailing services
  • Lemon Squeezy, Paypal, Paddle and other payment providers (But can be easily added, similar process we have for Stripe/Polar)
  • Drizzle ORM, Convex, Appwrite, and Prisma as a database alternative to Firebase/Supabase (But integrating them using Cursor won’t take much time, hardly one day or 4–6 hours) I hope you understand the reason behind our current tech stack and the why and what we have left untouched. But I sincerly believe the other npm packages or SDK can be easily integrated within the existing Buildsaas.

Pricing

We offer 2 plans, one for FREE and another one is Paid version

FREE version didn’t have all Admin panel features, but has all Frontend application features/pages as mentioned above

Paid version included everything mentioned above in the Admin panel and in the frontend application, along with that, we provide Email support as well.

Detailed pricing comparison page for Buildsaas
Try the free version on the website: https://buildsaas.dev/

Get Buildsaas

Future Updates

In future updates, we might move to making it more versatile and flexible by integrating other database alternatives, other emailing services and more landing pages frontend options for users

All updates are available for FREE to Paid version users (onl one-time payment), Buy Buildsaas

PS — If you want to pay in INR, DM me or email me.

Stay tuned

More updates are coming
Shrey
SaaS

Top comments (0)