Full SaaS with AI

What you'll build

A complete SaaS with everything you need to launch: authentication, subscription payments, and an AI feature.

Users register with Google, pay a monthly subscription with Stripe, and access AI functionalities (chat, analysis, or content generation). PostgreSQL database, Redis cache, and deploy-ready with Docker.

When finished, you'll have the complete architecture of a modern SaaS. From login to monthly billing, with an AI functionality that differentiates your product. It's the project that integrates everything you learned in the previous levels.

The prompt to start

Design the architecture of a SaaS with:

1. Auth with Google (Firebase)
2. Payments with Stripe (subscriptions)
3. AI feature (choose: chat, analysis, generation)
4. PostgreSQL database
5. Docker deploy

Suggested architecture

┌─────────────────────────────────────────────────────┐
│                    FRONTEND                          │
│                  (Next.js 15)                        │
│  ┌─────────┐  ┌─────────┐  ┌─────────┐             │
│  │  Auth   │  │ Billing │  │   AI    │             │
│  │  Page   │  │  Page   │  │  Chat   │             │
│  └────┬────┘  └────┬────┘  └────┬────┘             │
└───────┼────────────┼────────────┼───────────────────┘
        │            │            │
        ▼            ▼            ▼
┌─────────────────────────────────────────────────────┐
│                     API                              │
│                 (Next.js API)                        │
│  ┌─────────┐  ┌─────────┐  ┌─────────┐             │
│  │Firebase │  │ Stripe  │  │ Gemini  │             │
│  │  Auth   │  │Webhooks │  │   API   │             │
│  └────┬────┘  └────┬────┘  └────┬────┘             │
└───────┼────────────┼────────────┼───────────────────┘
        │            │            │
        ▼            ▼            ▼
┌─────────────────────────────────────────────────────┐
│                   STORAGE                            │
│  ┌─────────────┐  ┌─────────────┐                   │
│  │ PostgreSQL  │  │    Redis    │                   │
│  │   (users,   │  │   (cache,   │                   │
│  │   chats)    │  │  sessions)  │                   │
│  └─────────────┘  └─────────────┘                   │
└─────────────────────────────────────────────────────┘

Key components

1. Auth

// Use what you learned in auth-firebase
import { signInWithGoogle } from './firebase'

2. Payments

// Use what you learned in payment-stripe
import { createCheckoutSession } from './stripe'

3. AI

// Use what you learned in chatbot-gemini
import { generateResponse } from './gemini'

4. Database

// Use what you learned in crud-postgres
import { prisma } from './db'

Data model

model User {
  id            String   @id @default(cuid())
  email         String   @unique
  plan          Plan     @default(FREE)
  stripeId      String?
  chats         Chat[]
  tokensUsed    Int      @default(0)
  createdAt     DateTime @default(now())
}

model Chat {
  id        String    @id @default(cuid())
  userId    String
  user      User      @relation(fields: [userId], references: [id])
  messages  Message[]
  createdAt DateTime  @default(now())
}

model Message {
  id        String   @id @default(cuid())
  chatId    String
  chat      Chat     @relation(fields: [chatId], references: [id])
  role      String   // user | assistant
  content   String
  createdAt DateTime @default(now())
}

enum Plan {
  FREE
  PRO
  ENTERPRISE
}

Limits by plan

Docker Compose

version: '3.8'
services:
  app:
    build: .
    ports:
      - "3000:3000"
    environment:
      - DATABASE_URL=postgresql://...
      - GEMINI_API_KEY=...
      - STRIPE_SECRET_KEY=...
    depends_on:
      - db
      - redis

  db:
    image: postgres:16
    volumes:
      - pgdata:/var/lib/postgresql/data

  redis:
    image: redis:7-alpine

volumes:
  pgdata:

Congratulations

You've completed all levels of luxIA Cooking.

You now have the skills to build real products with AI.

→ Back to start