Introduction
Welcome to Plainform - A production-ready Next.js SaaS starter kit
Plainform is a production-ready Next.js SaaS starter kit that helps developers launch fullstack applications faster with all essential integrations pre-configured.
Skip months of setup and focus on building your unique features. Plainform provides a solid foundation with authentication, payments, database, email, storage, and more—all working together out of the box.
What You'll Build
A complete SaaS application with user authentication, payment processing, content management, and all the infrastructure needed to scale.
Who Is This For?
Plainform is designed for:
- Solo developers building their first SaaS product
- Startups needing to launch quickly and iterate fast
- Agencies delivering client projects with proven architecture
- Developers who want to learn modern fullstack development
Tech Stack
Plainform is built with modern, production-tested technologies:
Core Technologies
- Next.js 15.3.6 - React framework with App Router
- Clerk - Complete authentication solution
- Stripe - Payment processing with manual capture
- Supabase - PostgreSQL database hosting
- PostgreSQL - Relational database
- AWS S3 - File storage and media handling
- Prisma ORM - Type-safe database client
- Resend - Transactional email service
- Mailchimp - Newsletter and marketing emails
- shadcn/ui - High-quality UI components
- Tailwind CSS 4 - Utility-first styling
- MDX - Markdown with React components
Developer Experience
- Husky - Git hooks for code quality
- Commitlint - Commit message conventions
- Prettier - Code formatting
- ESLint - Code linting
- Semantic Release - Automated versioning
Analytics
- PostHog - Product analytics and monitoring
Key Features
Authentication
- Email/password and OAuth providers
- Email verification and password reset
- Session management and protected routes
- User profile management
Payments
- One-time payments and subscriptions
- Manual payment capture (authorize then capture)
- Webhook handling with signature verification
- Coupon and discount management
Database
- PostgreSQL hosted on Supabase
- Type-safe queries with Prisma ORM
- Schema migrations and version control
- Connection pooling and optimization
Email System
- Resend for transactional emails
- Mailchimp for marketing campaigns
- React Email templates
- High deliverability rates
UI Components
- 40+ shadcn/ui components
- Tailwind CSS styling
- Dark mode support
- Fully responsive design
Content Management
- MDX-powered blog and documentation
- Syntax highlighting and table of contents
- Search functionality
- Comment system
File Storage
- AWS S3 integration
- Presigned URLs for secure uploads
- Image optimization
- File management utilities
SEO Optimization
- Dynamic metadata generation
- Automatic sitemap generation
- Open Graph tags
- Server-side rendering
Manual Capture
Plainform uses Stripe's manual capture feature, which authorizes payments first and captures them later. This is perfect for conditional approvals, fraud prevention, or inventory checks. Learn more about manual capture.
Getting Started
Ready to build your SaaS? Here's what's next:
Installation
Set up Plainform locally in under 30 minutes
Project Structure
Understand the folder organization and conventions
Environment Variables
Configure all required environment variables
Deploy to Vercel
Launch your app to production
Need Help?
Check out the troubleshooting guide or explore the recipes section for step-by-step tutorials.
How is this guide ?
Last updated on