DEV Community: Muhammad Zubair

🧪 Looking for 3 Beta Testers - FreelanceHub Next.js SaaS Boilerplate (Lifetime Free Access)

Muhammad Zubair — Fri, 13 Feb 2026 07:04:42 +0000

🎉 EXCITING UPDATE: My launch article just got noticed by the official @thepracticaldev Twitter account with 2.1K impressions!

The support from this community has been incredible. Thank you! 🙌

Hey Dev.to community! 👋

Following the great response to my launch article, I'm now looking for 3 beta testers to help shape FreelanceHub.

🎯 What is FreelanceHub?

A production-ready Next.js SaaS boilerplate that includes everything you need to launch fast:

Core Features:

✅ Clerk authentication (email, OAuth, magic links)
✅ Stripe integration (subscriptions + webhooks)
✅ Client CRM with CRUD operations
✅ Time tracking system
✅ PostgreSQL + Prisma ORM
✅ Beautiful dark theme UI
✅ Full TypeScript + Tailwind CSS
✅ Responsive design
✅ Complete documentation

Live demo: https://freelanceboilerplate.netlify.app/

🧪 What You Get (Completely Free!)

As a beta tester, you receive:

✅ Lifetime free access (Regular price: $149)
✅ All future updates forever (no subscriptions, ever)
✅ Priority support (choose your preferred method below)
✅ Your name listed as founding beta tester (on the site + credits)
✅ Direct influence on product direction (your feedback shapes features)
✅ Early access to new features (before public release)

🤝 What I Need From You

To make this beta successful, I need:

Actually use it for a real project

Not just browsing - build something real with it
Provide honest feedback

What works? What doesn't? What's confusing? What's missing?
Write a testimonial (if you find it useful)

A few sentences about your experience
Give it a GitHub star ⭐

Helps with visibility
Be responsive

Reply to my check-ins, answer questions

💬 Support Options (Your Choice!)

I know developers have different preferences, so pick what works for you:

Option A: Live Onboarding Call 📞

30-minute video call (Zoom/Google Meet)
Screen share walkthrough
Real-time Q&A
Fastest way to get started
Perfect if you want hands-on help

Option B: Async Support 💬

Detailed written setup guide (step-by-step)
Loom video walkthrough (watch anytime)
Discord/Slack chat support (ongoing)
Email back-and-forth (comprehensive answers)
Perfect if you prefer working at your own pace

No pressure either way! Both options include full support. Choose what fits your style! 🙌

👤 Who Should Apply

✅ You're a great fit if you:

Are actively building or planning a SaaS product
Have experience with Next.js & TypeScript
Want to skip 2-3 months of boilerplate setup
Have time in the next 2-4 weeks to test properly
Will provide brutally honest feedback (I can handle it!)
Actually need this (not just collecting free stuff)

❌ Please don't apply if you:

Just want free access without using it
Won't provide feedback
Aren't familiar with the Next.js stack
Don't have a real project in mind

📅 Timeline

Here's how this will work:

Applications close: End of next week
Selection: I'll DM the 3 selected testers within 48 hours
Onboarding: Next week (via call or async - your choice)
Testing period: 2-4 weeks of active usage
Check-ins: I'll ping you weekly for feedback
Final testimonial: After you've had time to really use it

🚀 How to Apply

Drop a comment below with:

Your experience level

Example: "5 years React, 2 years Next.js"
What you'd build with it

Example: "Client portal for my freelance design business"
Your GitHub username

So I can add you to the private repo
Preferred support method

"Call" or "Async" - no wrong answer!
(Optional) Why you want to test it

Helps me understand your use case

🎁 Why Only 3 Spots?

I'm intentionally keeping this small because:

Quality > quantity for feedback
I want to give each tester proper attention
I can actually implement your suggestions
Better relationships with early users
More focused iteration

If you're not selected this round, you'll be first in line for the next beta group (likely in 2-3 weeks)!

🙏 A Quick Thank You

The response to my launch has been overwhelming:

247+ views on my launch article
9 reactions from the community
2.1K impressions after @thepracticaldev engagement
Incredible feedback and support

This community is amazing. Thank you for being part of this journey! 🚀

📬 Questions?

Feel free to ask anything in the comments. I'll respond to everyone!

Looking forward to working with 3 of you! 🤝

P.S. If you want to see what this looks like in action, check out the live demo before applying!

I Built a Next.js SaaS Boilerplate So You Don't Have To - 3 Month Journey

Muhammad Zubair — Thu, 05 Feb 2026 18:35:07 +0000

🎉 UPDATE: This article got noticed by the official @thepracticaldev Twitter account!

Thanks for the support, Dev.to community! 🙌

🔥 EARLY BIRD SPECIAL: First 10 buyers get $99 instead of $149!

Use code EARLYBIRD at checkout. Limited spots!

Get it here →

After spending 3 months building, debugging, and deploying, I finally launched FreelanceHub - a production-ready Next.js SaaS boilerplate.

🤔 Why I Built This

I kept rebuilding the same features across different projects:

Authentication flows (email, OAuth, sessions)
Payment processing (Stripe, webhooks, subscriptions)
Database setup (schema, migrations, queries)
Client management (CRUD operations)
Modern UI components

Every project took 2-3 months just to get the foundation working. I realized I could package everything into a reusable starter kit.

🚀 What's Included

Authentication

Clerk integration (email, OAuth, magic links)
Protected routes
User profile management
Session management

Payments

Stripe checkout + subscriptions
Webhook handling
Customer portal
Multiple pricing tiers

Database

PostgreSQL with Prisma ORM
Type-safe queries
Migration scripts
Optimized schema

UI/UX

Beautiful dark theme
shadcn/ui components
Fully responsive design
Loading states & error handling

Features

Client CRM with CRUD
Time tracking system
Dashboard with analytics
Settings & profile management

💻 Tech Stack

Framework: Next.js 16 with App Router
Language: TypeScript
Styling: Tailwind CSS + shadcn/ui
Database: PostgreSQL + Prisma
Auth: Clerk
Payments: Stripe
Deployment: Netlify (but works on Vercel, Railway, etc.)

😤 The Hard Lessons

1. Vercel + Clerk Edge Runtime Issues

Ran into major compatibility problems with Clerk middleware on Vercel's Edge runtime. After days of debugging, switched to Netlify and everything worked perfectly.

Takeaway: Not all hosting platforms handle middleware the same way!

2. Stripe Webhooks Are Tricky

Testing webhooks locally was painful until I discovered Stripe CLI. Game changer for development.

stripe listen --forward-to localhost:3000/api/stripe/webhooks

3. Database Migrations in Production

Learned the hard way that Prisma needs prisma generate in the build process on CI/CD platforms. Added to build script:

"build": "prisma generate && next build"

4. useSearchParams Needs Suspense

Next.js 16's stricter rendering rules caught me. Had to wrap client components using useSearchParams() in Suspense boundaries.

🎯 What Makes It Different

It's production-ready, not just a template:

✅ Actually deployed and tested
✅ Handles edge cases
✅ Includes error boundaries
✅ Proper loading states
✅ TypeScript throughout
✅ Comprehensive documentation

📊 Live Demo

Check it out: FreelanceHub Demo

The demo showcases:

Responsive landing page
Feature sections
Pricing tiers
FAQ section

🤓 Technical Deep Dive

Project Structure

├── app/                    # Next.js 16 App Router
│   ├── api/               # API routes
│   ├── dashboard/         # Protected pages
│   └── (public)/          # Public pages
├── components/            # React components
├── lib/                   # Utilities & configs
├── prisma/               # Database schema
└── public/               # Static assets

Key Features Implementation

Authentication Flow:

Clerk handles all auth UI
Middleware protects routes
User data synced to database

Payment Flow:

Stripe Checkout for subscriptions
Webhooks update user plan in DB
Customer portal for management

Database Schema:

User → Clients (one-to-many)
Client → TimeEntries (one-to-many)
Prisma relations handle cascading

💡 What I'd Build Next

If I continue developing this:

Invoice generation (PDF exports)
Email notifications (Resend integration)
Team collaboration features
API for third-party integrations
Mobile app (React Native?)

🙏 Feedback Welcome

I'd love to hear your thoughts:

Is the tech stack solid?
What features would you add?
Any architecture improvements?

Also curious about pricing. I set it at $149 (one-time payment). Too high? Too low? Fair?

🔗 Links

Live Demo: https://freelanceboilerplate.netlify.app/
Get the Code: https://zubairian6541.gumroad.com/l/vhtfwp

💬 Let's Discuss!

Questions for the community:

Have you built a SaaS boilerplate? What stack did you use?
What's your biggest pain point when starting new projects?
Would you pay for a starter kit to save time?

Drop a comment - I'd love to hear your thoughts! 👇

🎉 Final Thoughts

Building this taught me more than any tutorial ever could. The deployment issues, payment integration challenges, and edge cases forced me to really understand the stack.

If you're building a SaaS and want to skip the boring setup part, check it out! And if you have questions about the implementation, happy to answer in the comments! 🚀

🎁 Early Bird Special

First 10 developers: $99 (Save $50!)

Use code: EARLYBIRD at checkout

After 10 spots → $149

Get it: https://zubairian6541.gumroad.com/l/vhtfwp

Spots remaining: 10/10 ⚡

Thanks for reading! Follow me for more dev content! ✨