Documentation

Guides and references

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

LayerTechnologyVersion
FrameworkNext.js (App Router)16
UI LibraryReact19
LanguageTypeScript5.x
StylingTailwind CSS + shadcn/ui4.x
DatabaseSupabase (PostgreSQL)Latest
AuthSupabase AuthLatest
PaymentsStripeLatest
EmailResend + React EmailLatest
LintingBiome2.x
Package Managerpnpm9.x
DeploymentVercel-

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.

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