next13-ai-saas
所属分类:后台框架
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2024-01-19 17:06:33
上 传 者:
sh-1993
说明: 具有五个AI工具的AI SaaS平台。该平台由Next.js 13 App Router提供支持,不仅高效,而且以用户为中心。
(AI SaaS Platform with five AI tools. Powered by the Next.js 13 App Router, this platform is not only efficient but also user-centric.)
文件列表:
app/
components/
hooks/
lib/
prisma/
public/
.eslintrc.json
components.json
constants.ts
middleware.ts
next.config.js
package-lock.json
package.json
postcss.config.js
tailwind.config.js
tailwind.config.ts
tsconfig.json
# Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe |
A SaaS AI Platform with Next.js(Fullstack) 13, React, Tailwind, Prisma and Stripe.
Features:
- Tailwind design
- Tailwind animations and effects
- Full responsiveness
- Clerk Authentication (Email, Google, 9+ Social Logins)
- Client form validation and handling using react-hook-form
- Server error handling using react-toast
- Image Generation Tool (Open AI)
- Video Generation Tool (Replicate AI)
- Conversation Generation Tool (Open AI)
- Music Generation Tool (Replicate AI)
- Page loading state
- Stripe monthly subscription
- Free tier with API limiting
- How to write POST, DELETE, and GET routes in route handlers (app/api)
- How to fetch data in server react components by directly accessing database (WITHOUT API! like Magic!)
- How to handle relations between Server and Child components!
- How to reuse layouts
### Prerequisites
**Node version 18.x.x**
### Cloning the repository
```shell
git clone https://github.com/GideonOdiokine/next13-ai-saas.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
OPENAI_API_KEY=
REPLICATE_API_TOKEN=
DATABASE_URL=
STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_APP_URL="http://localhost:3000"
```
### Setup Prisma
Add MySQL Database (I used PlanetScale)
```shell
npx prisma db push
```
### Start the app
```shell
npm run dev
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :-------------- | :--------------------------------------- |
| `dev` | Starts a development instance of the app |
# next13-ai-saas
近期下载者:
相关文件:
收藏者: