Template Overview

ShipSasS is a complete Next.js template for building SaaS websites. It is designed to accelerate development with modular, extensible building blocks. You can use it out of the box or customize it to fit your needs.

Whether you're a beginner or an experienced developer, this documentation will help you configure and deploy the template.

This documentation assumes basic familiarity with Next.js. If you're new to it, start with the official docs because fundamental concepts are not covered here.

Let's get started.

Tech stack

• Next.js 16: a full-stack web framework built with React 19.
• Drizzle ORM: a type-safe database access layer.
• Tailwind CSS: a utility-first CSS framework.
• Shadcn/ui / Magic UI / Animate UI / Tailark: prebuilt components and sections.
• Better Auth: a modern, secure, and developer-friendly auth solution.
• Resend: an email delivery service.
• Fumadocs: documentation framework for developers.
• Stripe: SaaS payments and subscriptions.
• Vercel AI SDK: tools for building AI apps.
• Vercel AI Gateway: a single gateway for multiple models.
• Vercel AI Elements: UI components for AI apps.
• Cron Job: an open-source scheduled job platform.
• Zod: TypeScript validation and inference.
• Zustand: lightweight, extensible state management.
• Next-Intl: internationalization for Next.js.
• Next-Safe-Action: type-safe server actions with validation and error handling.

Scope of this documentation

This documentation guides you through configuring, running, and deploying the template, and points you to official docs for the underlying technologies when needed. To ship successfully, understanding these technologies is essential, so refer to the official docs as needed.

For topics closely related to ShipSasS, you'll find comprehensive introductions and practical guidance here.

Official docs

For deeper technical details, see the official docs:

• Next.js
• Drizzle
• Tailwind CSS
• Radix UI
• Shadcn/ui
• Magic UI
• Animate UI
• Dice UI
• Tailark
• Better Auth
• Resend
• Fumadocs
• Stripe
• Vercel AI SDK
• Vercel AI Gateway
• Vercel AI Elements
• Zod
• Nuqs
• Zustand
• Next-Intl
• Next-Safe-Action

For a smoother workflow, we recommend adding these docs to your IDE's documentation panel for quick access.

Get help

If you run into issues, you can:

• Read the ShipSasS documentation
• Check the roadmap
• Follow us on X (Twitter)
• Join the Discord community
• Contact support at [email protected]

Next steps

You're ready to begin. Next, you can explore:

• Getting Started: begin with ShipSasS
• Environment Setup: complete environment variables and service config
• Database: finish database initialization
• Development Environment: configure your local workflow