next saas stripe starter

下一个SaaS Stripe入门

从SaaS起动器全速开始！

简介·安装·技术堆栈 +功能·作者·信用

介绍

通过Next.JS 14，Prisma，Neon，Auth.js V5，重新发送，React电子邮件，ShadCN/UI和Stripe赋予您的下一个项目。
所有这些都与SaaS入门者无缝集成，以加速您的发展和SaaS之旅。

安装

克隆并使用以下命令在本地创建此仓库：

npx create-next-app my-saas-project --example " https://github.com/mickasmt/next-saas-stripe-starter "

或者，与Vercel部署：

步骤

1. 使用PNPM安装依赖项：

pnpm install

2. 将.env.example复制到.env.local并更新变量。

cp .env.example .env.local

3. 启动开发服务器：

pnpm run dev

笔记

我使用NPM检查程序软件包来更新此项目。

使用此命令更新您的项目： ncu -i --format group

路线图

• 将ESLINT升级到V9
• 添加成功订阅的重新汇总

技术堆栈 +功能

SaaS-Starter-demo.mp4

框架

• Next.js - 构建具有最佳开发人员体验的性能应用程序的React框架
• auth.js - 与Google，Twitter，GitHub等的提供商轻松处理用户身份验证。
• prisma - node.js的打字稿优点orm
• REACT电子邮件 - 多功能电子邮件框架，可高效且灵活的电子邮件开发

平台

• Vercel - 轻松预览和通过GIT部署更改
• 重新发出 - 一个有力的精简电子邮件开发的电子邮件框架
• 霓虹灯 - 无服务器邮政，具有自动化，分支，无底存储和宽敞的免费层。

UI

• Tailwind CSS - 公用事业第一CSS快速UI开发框架
• SHADCN/UI - 使用Radix UI和尾风CSS构建的可重复使用的组件
• 制定者运动 - 轻松对动画组件的运动库
• Lucide - 精美，简单，像素完美的图标
• next/font - 优化自定义字体并删除外部网络请求以提高性能
• ImageResponse - 在边缘生成动态开放图像

钩子和公用事业

• useIntersectionObserver - 反应挂钩观察元素进入或离开视口何时
• useLocalStorage - 在浏览器的本地存储中持续存在数据
• useScroll - 钩子观察滚动位置（示例）
• nFormatter - 格式数字，后缀为1.2k或1.2M
• capitalize - 大写字符串的首字母
• truncate - 将字符串截断为指定的长度
• use-debounce - 访问函数呼叫 /状态更新

代码质量

• 打字稿 - 端到端typesafety的静态类型检查器
• Prettier - 一致的代码样式的自以为是的代码格式
• Eslint - Next.js和Typescript的可插入衬里

各种各样的

• Vercel Analytics - 以隐私友好的方式跟踪唯一访问者，浏览量等

作者

由@miickasmt于2023年创建，并根据麻省理工学院许可发布。

学分

该项目的灵感来自ShadCN的分类法，Steven Tey的先例以及Antonio Erdeljac的下一个AI SaaS。

• shadcn（@shadcn）
• 史蒂文·蒂（@steventey）
• Antonio Erdeljac（@ytcodeantonio）