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

近期下载者

相关文件


收藏者