Next.jsReactSaaS启动器

saas_land — Next.js SaaS模板

作者 Raindoss

基于 Next.js 14 的全栈与 SaaS 启动模板,集成 NextAuth 认证、多种数据库与 ORM 配置,按分支提供独立可用的初始项目。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

提供 NextAuth 认证,覆盖邮箱密码、魔法链接与 Google/GitHub OAuth 登录

02

按分支给出 Drizzle 或 Prisma v5 搭配 Neon PostgreSQL、PlanetScale MySQL 的独立配置

03

内置邮箱验证与密码重置,邮件模板使用 Resend 与 React Email

04

包含可用的联系表单、新闻订阅,以及基于 Contentlayer 与 MDX 的博客

05

落地页含定价、功能、评价与 FAQ 区块,登录注册页已完成样式与逻辑

06

使用 Zod 做输入校验,并配置了 lint 与 TypeScript 类型检查

模板详细介绍

这是一个面向 Next.js 14 全栈与 SaaS 项目的开源启动模板集合。项目使用 TypeScript、Tailwind CSS 与 ShadCn/ui 构建界面,认证层采用 NextAuth,并支持邮箱密码、魔法链接和 OAuth(Google、GitHub)三种登录方式。所有用户无论通过哪种方式注册,都会写入数据库。

仓库以分支形式提供多套独立配置,已完成的组合包括:Drizzle ORM 搭配 Neon PostgreSQL、Drizzle ORM 搭配 PlanetScale MySQL、Prisma v5 搭配 Neon PostgreSQL、Prisma v5 搭配 PlanetScale MySQL。邮件验证与密码重置通过 Resend 和 React Email 实现。此外还列出了 Docker 本地 PostgreSQL、Mongoose/MongoDB、Nest.js、MERN、Supabase、Django 等分支方向,但这些分支在 README 中标注为“Under construction”,尚未完成。

已实现的功能包括:NextAuth 认证、数据库与 ORM 初始化、魔法链接、OAuth、邮箱密码登录、邮箱验证、密码重置、React Email 邮件模板、可用的联系表单、新闻订阅、基于 Contentlayer 与 MDX 的博客、含定价/功能/评价/FAQ 区块的落地页、登录与注册页面、Zod 输入校验,以及较严格的 lint 与 TypeScript 类型检查。

README 明确提示项目仍处于活跃开发阶段。尚未实现的部分包括:文档页面、Stripe 支付集成、退订新闻邮件、用户资料与设置页、骨架屏加载页、自定义错误页、菜单项对应页面、MDX 博客样式优化、性能改进与 Edge 兼容、测试。这些内容在选用前需要自行评估。

Next.jsSaaS启动器

适合你的项目吗?

适用场景

  • 需要一个已接好认证与数据库的 Next.js 14 项目起点
  • 想对比 Drizzle 与 Prisma 在 PostgreSQL、MySQL 上的接入方式
  • 搭建带博客、联系表单和新闻订阅的 SaaS 营销站点
  • 以分支为单位挑选单一数据库组合,避免自行拼装依赖

适合人群

  • 熟悉 Next.js 与 TypeScript、希望快速起步全栈项目的开发者
  • 需要邮箱密码、魔法链接或 OAuth 登录能力的 SaaS 项目
  • 使用 Neon、PlanetScale 等 Serverless 数据库的团队
  • 希望以 MIT 许可代码为基础做二次开发的个人或组织

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    项目按分支组织,需先选定目标分支再克隆,各分支为独立配置

  2. 2

    README 中标注为 Under construction 的分支(Docker、MongoDB、Nest.js、MERN、Supabase、Django 等)尚未完成

  3. 3

    邮件验证与密码重置依赖 Resend,需自行准备相应服务凭据

  4. 4

    数据库、托管、邮件等外部服务可能产生费用,需按各自条款核对

  5. 5

    演示图片、字体、图标等第三方素材的许可需单独确认

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 项目仍处于活跃开发阶段,功能可能不完整或发生变化,选用前需自行评估稳定性。
  • README 中标注为 Under construction 的分支(Docker 本地 PostgreSQL、MongoDB、Nest.js、MERN、Supabase、Django 等)尚未完成,不可直接用于生产。
  • 邮箱验证与密码重置依赖 Resend 外部邮件服务,需自行注册账号并配置 API 密钥,可能产生费用。
  • 数据库依赖 Neon 等外部托管服务,需自行创建账号与数据库实例,可能产生费用。
  • MySQL 配置依赖 PlanetScale 外部托管服务,需自行注册并配置连接凭据,可能产生费用。
  • OAuth 登录需在 GitHub 与 Google 侧创建应用并配置客户端凭据,属于外部服务依赖。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

This project is still in active development.

README 原文

Under construction

README 原文

both set up with [Resend](https://resend.com) and [React Email](https://react.email/)

README 原文

a PostgreSQL database set up at [Neon](https://neon.tech)

README 原文

a MySQL database set up at [PlanetScale](https://planetscale.com)

README 原文

OAuth authentication is also set up for GitHub and Google providers.

README 原文
https://github.com/Raindoss/saas_land/blob/main/LICENSEhttps://github.com/Raindoss/saas_land/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 67 / 100
技术栈
Next.js · React
网站类型
SaaS · 启动器
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-10-02
截图检查日期
2026-10-03

目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 3b56f0a814542dd6705bc4f9cc19c7db39fcd8d6f2d3abdeaddd4a85aa98b16b

2026-10-03T07:20:31.601Z

来源文件 / 仓库
# [Next 14 starters with authentication and database set up](https://saasyland.com)

#### See the live demo [here](https://saasyland.com)

## Description:

Starter templates for [Next.js 14](https://nextjs.org/) full-stack projects. Built with [TypeScript](https://www.typescriptlang.org/), [Tailwind CSS](https://tailwindcss.com/), [ShadCn/ui](https://ui.shadcn.com/), authentication, and database. Several branches contain several different configurations, including serverless databases like PostgreSQL with [Neon](https://neon.tech), or MySQL with [PlanetScale](https://planetscale.com), [Drizzle ORM](https://orm.drizzle.team/), [Prisma ORM v.5](https://www.prisma.io/) (serverless-compatible), but also [MongoDB Atlas](https://www.mongodb.com/atlas/database), [Supabase](https://supabase.com/), and even [Nest.js](https://nestjs.com/), [Express (MERN stack)](https://expressjs.com/), or [Django](https://www.djangoproject.com/). All users are stored in a database, regardless of whether they signed up with email and password, magic link, or via an OAuth provider, such a Google or GitHub.

<br />

> **Warning**
> This project is still in active development. See a feature list below to get a better understanding of what has been implemented to date and what is yet to come.

<br />

## Features:

- [x] Authentication with NextAuth
- [x] Database and ORM set up
- [x] Magic link authentication
- [x] OAuth authentication
- [x] Email and password authentication
- [x] Email verification
- [x] Password reset
- [x] Email templates with React Email
- [x] Functional contact form
- [x] Functional newsletter sign up
- [x] Functional blog with Contentlayer and MDX
- [x] Functional and styled landing page with pricing, features, testimonials, and FAQ sections
- [x] Functional and styled sign in and sign up pages
- [x] Input validation with Zod
- [x] Rigorous linting and TypeScript type checking

<br />

- [ ] Documentation pages
- [ ] Stripe payments integration
- [ ] Opt out from newsletter
- [ ] User profile and settings pages
- [ ] Custom loading pages with skeleton loaders
- [ ] Custom error pages
- [ ] Add pages for menu items
- [ ] Improve MDX blog styling
- [ ] Improve performance and make Edge compatible
- [ ] Add tests

<br />

![public/images/screenshots/screenshot_1](./public/images/screenshots/screenshot_1.png)

![public/images/screenshots/screenshot_2](./public/images/screenshots/screenshot_2.png)

![public/images/screenshots/screenshot_3](./public/images/screenshots/screenshot_3.png)

![public/images/screenshots/screenshot_4](./public/images/screenshots/screenshot_4.png)

<br />

## Available configurations:

- ### [next-auth-drizzle-neon-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-drizzle-planetscale-mysql)

This branch contains a Next.js 14 starter with Next-Auth authentication using JSON Web Tokens (JWT), and a PostgreSQL database set up at [Neon](https://neon.tech). The database is connected with [Drizzle ORM](https://orm.drizzle.team), which is serverless-compatible. OAuth authentication is also set up for GitHub and Google providers. The set up contains email verification and password reset functionality, both set up with [Resend](https://resend.com) and [React Email](https://react).

- ### [next-auth-drizzle-planetscale-mysql](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-drizzle-planetscale-mysql)

This branch contains a Next.js 14 starter with Next-Auth authentication using JSON Web Tokens (JWT), and a MySQL database set up at [PlanetScale](https://planetscale.com). The database is connected with [Drizzle ORM](https://orm.drizzle.team/), which is serverless-compatible. OAuth authentication is also set up for GitHub and Google providers. The set up contains email verification and password reset functionality, both set up with [Resend](https://resend.com) and [React Email](https://react.email/).

- ### [next-auth-prisma5-serverless-neon-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-prisma5-serverless-neon-postgres)

This branch contains a Next.js 14 starter with Next-Auth authentication using JSON Web Tokens (JWT), and a PostgreSQL database set up at [Neon](https://neon.tech). The database is connected via [Prisma](https://prisma.io) v.5, which is serverless-compatible. OAuth authentication is also set up for GitHub and Google. The set up contains email verification and password reset functionality, both set up with [Resend](https://resend.com) and [React Email](https://react.email/).

- ### [next-auth-prisma5-serverless-planetscale-mysql](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-prisma5-serverless-planetscale-mysql)

This branch contains a Next.js 14 starter with Next-Auth authentication using JSON Web Tokens (JWT), and a MySQL database set up at [PlanetScale](https://planetscale.com). The database is connected via [Prisma](https://prisma.io) v.5, which is serverless-compatible. OAuth authentication is also set up for GitHub and Google. The set up contains email verification and password reset functionality, both set up with [Resend](https://resend.com) and [React Email](https://react.email/).

- ### [next-auth-docker-local-postgres-drizzle](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-docker-local-postgres-drizzle)

Under construction

- ### [next-auth-docker-local-postgres-prisma](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-docker-local-postgres-prisma)

Under construction

- ### [next-auth-mongoose-mongodb](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-mongoose-mongodb)

Under construction

- ### [nestjs-nextjs-next-auth-prisma-sqlite](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/nestjs-nextjs-next-auth-prisma-sqlite)

Under construction

- ### [nestjs-nextjs-next-auth-drizzle-sqlite](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/nestjs-nextjs-next-auth-drizzle-sqlite)

Under construction

- ### [mern-nextjs-redux](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/mern-nextjs-redux)

Under construction

- ### [mern-vite-plain-react-redux](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/mern-vite-plain-react-redux)

Under construction

- ### [next-auth-supabase-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/next-auth-supabase-postgres)

Under construction

- ### [supabase-postgres](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/supabase-postgres)

Under construction

- ### [django-rest-djoser-digital-ocean-spaces-aws-ses-next-redux](https://github.com/pjborowiecki/SAASY-LAND-Next-14-Starters-With-Authentication-And-Database-Implemented/tree/django-rest-djoser-digital-ocean-spaces-aws-ses-next-redux)

Under construction
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。