NeoSaaS Documentation

Everything you need to build, launch, and scale your SaaS business

Introduction

NeoSaaS is a modern full-stack SaaS boilerplate built with the latest web technologies. It provides everything you need to build, launch, and scale your SaaS application with industry best practices built-in.

What is NeoSaaS?

NeoSaaS is an opinionated way of building full-stack web applications. It takes care of all three major parts of a web application: client (front-end), server (back-end), and database. Built on top of proven technologies, NeoSaaS handles the complexity of connecting all parts of your stack.

Built on Modern Technologies

NeoSaaS uses Next.js, Prisma, and leading authentication and database solutions under the hood. This allows you to focus on building features while NeoSaaS handles the infrastructure.

Next.js
React Framework
Prisma
Database ORM
Neon
Serverless Postgres
Better Auth
Authentication
Resend
Transactional Emails

What's Included?

NeoSaaS comes with everything you need to launch your SaaS:

  • Authentication and authorization with Better Auth
  • Database integration with Prisma ORM and PostgreSQL
  • Responsive UI components built with Tailwind CSS and shadcn/ui
  • Admin dashboard with analytics and user management
  • Transactional emails with Resend API and Nodemailer for basic SMTP
  • API routes and server actions for backend logic
  • Type-safe development with TypeScript
  • Modern styling with Tailwind CSS v4
  • Production-ready deployment configuration

When to Use NeoSaaS

Best Used For

  • Building full-stack SaaS applications
  • Starting projects with industry best practices
  • Rapid MVP development
  • Projects requiring authentication and database

Consider Alternatives For

  • Static websites or landing pages
  • No-code solution requirements
  • Non-JavaScript/TypeScript projects

Project Structure

NeoSaaS follows a clean and organized folder structure to keep your code maintainable and scalable.

src
├── app
│   ├── (auth)
│   │   ├── layout.tsx
│   │   ├── sign-in
│   │   │   └── page.tsx
│   │   └── sign-up
│   │       └── page.tsx
│   ├── (protected)
│   │   ├── dashboard
│   │   │   └── page.tsx
│   │   └── layout.tsx
│   ├── api
│   │   └── auth
│   │       └── [...all]
│   │           └── route.ts
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components
│   ├── forms
│   │   ├── sign-in-form.tsx
│   │   └── sign-up-form.tsx
│   └── ui
│       ├── button.tsx
│       ├── card.tsx
│       └── input.tsx
├── config
└── lib
    ├── auth-client.ts
    ├── auth.ts
    └── prisma.ts

15 directories, 18 files

Ready to Get Started?

Follow our installation guide to set up NeoSaaS in your Next.js project.

Getting Started
Everything you need to get up and running with NeoSaaS
Popular Articles
Most frequently visited documentation