Getting Started
Introduction
What is NextBento, its tech stack, architecture, and what's included.
What is NextBento?
NextBento is a production-ready Next.js 16 SaaS boilerplate that gives you everything you need to build, launch, and monetize your web application. Instead of spending weeks wiring up authentication, payments, teams, and marketing from scratch, you start with a fully functional foundation and focus on what makes your product unique.
NextBento is designed for solo developers, indie hackers, and small teams who want to ship fast without sacrificing quality or security.
Tech Stack
| Layer | Technology | Version |
|---|---|---|
| Framework | Next.js (App Router) | 16 |
| UI Library | React | 19 |
| Language | TypeScript | 5.x |
| Styling | Tailwind CSS + shadcn/ui | 4.x |
| Database | Supabase (PostgreSQL) | Latest |
| Auth | Supabase Auth | Latest |
| Payments | Stripe | Latest |
| Resend + React Email | Latest | |
| Linting | Biome | 2.x |
| Package Manager | pnpm | 9.x |
| Deployment | Vercel | - |
Architecture Overview
flowchart TB
subgraph Client [Client]
Landing[Landing Page]
Auth[Auth Pages]
Dashboard[Dashboard]
Docs[Docs Portal]
end
subgraph Server [Server]
API[API Routes]
Middleware[Middleware]
end
subgraph Services [External Services]
Supabase[Supabase]
Stripe[Stripe]
Resend[Resend]
end
Client --> API
Client --> Middleware
API --> Supabase
API --> Stripe
API --> Resend
Middleware --> Supabase
What's Included
Authentication
Complete auth system powered by Supabase with Google OAuth, GitHub OAuth, Magic Link (passwordless), email/password login, and forgot/reset password flows. Three layout variants: centered, split, and minimal. See Authentication and Auth Layouts.
Billing & Subscriptions
Stripe integration with three subscription tiers (Standard, Pro, Ultra), monthly and annual billing (20% annual discount), 7-day free trial, and webhook handling. See Billing.
Team Management
Invite teammates as owner, admin, or member. Owners control billing; admins invite and manage non-owner roles; members get app access. See Teams.
Dashboard
Full admin dashboard with plan status, API key management, activity logs, team management, billing controls. Includes dashboard variants, Chat, Calendar, Tasks, Mail, Users, and FAQs apps. See Dashboard and Admin.
Email System
Transactional email via Resend with React Email templates for team invitations, payment confirmations, subscription updates, and feedback. See Emails.
Landing Pages
Two landing variants: Landing 1 (main home) and Landing 2 (alternative). Hero, features, pricing, FAQ, testimonials, and more. See Landing Pages.
Blog
MDX-based blog with frontmatter, categories, automatic RSS feed, and SEO support.
Documentation Portal
MDX-based docs with sidebar, search (⌘K), and custom components. You're reading it. See Documentation Portal.
SEO
Dynamic metadata, Open Graph, Twitter cards, JSON-LD structured data, auto-generated sitemaps, robots.txt, IndexNow. See SEO.
Programmatic SEO
Template-driven page generation (hub, tool, comparison, how-to, location) with automatic internal linking. See Programmatic SEO.
Legal Pages
Pre-built privacy policy and terms of service, ready to customize.
Security
Content Security Policy headers, IP rate limiting on auth (Upstash Redis when configured, in-memory fallback), API key hashing, environment variable validation with Zod, CORS handling. See Security.
Principles
- As simple as possible — Easy to understand and use, avoid overengineering.
- As few dependencies as possible — Full control over every part of the project.
- As performant as possible — Fast and light without unnecessary overhead.
Next Steps
- Installation — Set up your project
- Quick Start — Get running in 5 minutes
- Environment Variables — Configure services
- Pricing — $59 one-time license
- Alternatives — ShipFast, MakerKit, and other shortlists
- Compare — One-to-one kit write-ups