DEV Community

WEDGE Method Dev
WEDGE Method Dev

Posted on

I Built the Most Complete Next.js SaaS Boilerplate — Here's What's Inside

#typescript #nextjs #webdev #saas

Every SaaS I've built starts the same way:

  1. Set up Next.js with TypeScript
  2. Add authentication
  3. Integrate Stripe
  4. Build a dashboard
  5. Add email
  6. Deploy

That's 2-3 weeks before I write a single line of actual product code.

So I built WEDGE SaaS Starter — a production-ready Next.js boilerplate that handles all of this out of the box. Plus something no other boilerplate has: AI integration with Claude and OpenAI built in.

What's Inside

Authentication (NextAuth.js)

  • Google OAuth
  • GitHub OAuth
  • Email magic links
  • Protected route middleware
  • User profile management 
// That's it. Auth is configured.
// Just add your provider keys to .env
GOOGLE_CLIENT_ID=your_id
GOOGLE_CLIENT_SECRET=your_secret
GITHUB_ID=your_id
GITHUB_SECRET=your_secret
Enter fullscreen mode Exit fullscreen mode

Stripe Billing (Complete)

  • Subscription management (monthly + yearly)
  • One-time payments
  • Customer portal integration
  • Webhook handling with signature verification
  • Usage-based billing support
  • Pricing page that syncs with your Stripe dashboard 
// Create a checkout session in one line
const session = await createCheckoutSession({
  priceId: 'price_xxx',
  userId: user.id,
  mode: 'subscription'
});
Enter fullscreen mode Exit fullscreen mode

AI Integration (The Differentiator)

This is what sets WEDGE apart from every other boilerplate:

  • Claude API with streaming responses
  • OpenAI API with streaming responses
  • Pre-built chat interface component
  • Conversation history persistence
  • Token counting and limits 
// Stream AI responses to your users
export async function POST(req: Request) {
  const { messages } = await req.json();
  const stream = await streamChat(messages);
  return new StreamingTextResponse(stream);
}
Enter fullscreen mode Exit fullscreen mode

Your users get AI features from day one. No separate integration work needed.

Database (Prisma + PostgreSQL)

  • User model with subscription tracking
  • API key management
  • Usage tracking
  • SQLite fallback for local development

Email (Resend)

  • Welcome email template
  • Subscription confirmation
  • Password reset
  • Utility function for sending any email

Dashboard

  • Overview with stats cards
  • Sidebar navigation
  • Settings page
  • Billing management
  • API key management
  • Dark/light mode toggle

Landing Page

  • Hero section with gradient
  • Feature grid
  • Pricing table (3 tiers)
  • FAQ accordion
  • Responsive mobile design

How It Compares

Feature WEDGE SaaS Starter ShipFast Supastarter
Price $99 $179 $249
AI Integration Yes (Claude + OpenAI) No No
Auth NextAuth.js NextAuth.js Supabase Auth
Payments Stripe Stripe Stripe
Database Prisma + PostgreSQL Mongoose Prisma
Email Resend Mailgun Resend
Dark Mode Yes Yes Yes
TypeScript Yes Partial Yes
App Router Yes No (Pages) Yes

Get Started in 5 Minutes 

git clone https://github.com/wedge-method/saas-starter
cd saas-starter
cp .env.example .env.local
# Add your API keys
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

That's it. Full SaaS ready to customize.

Who Is This For?

  • Indie hackers who want to ship fast
  • Solo founders who can't afford weeks of boilerplate
  • Developers building their first (or fifth) SaaS
  • Anyone who wants AI features without the integration headache

Get It

$99 — one-time purchase, lifetime updates.

Launch week special: $69

Get WEDGE SaaS Starter on Gumroad →

Built by WEDGE Method LLC — we build AI-powered tools for developers.

Top comments (0)