A monorepo containing a fullstack chat application with LangGraph agents and Next.js UI.
This monorepo contains two main applications:
apps/web- Next.js chat UI application with LangGraph integrationapps/agents- LangGraph.js ReAct agents backend
# Clone the repo
git clone https://github.com/langchain-ai/agentic-saas-template.git```
# **Environment Files**: Copy the `.env.example` files to `.env` and fill in credentials
cp apps/web/.env.example apps/web/.env
cp apps/agents/.env.example apps/agents/.env
# Install dependencies for all apps
pnpm install
# Start development servers for both apps
pnpm dev- Database Schema: Copy and paste
supabase-schema.sqlin your Supabase SQL Editor
- ✅ Users table with Stripe integration
- ✅ Row Level Security (RLS) policies
- ✅ Automatic user profile creation
- ✅ Performance indexes and triggers
stripe listen --events customer.subscription.created,customer.subscription.updated,customer.subscription.deleted --forward-to localhost:3000/api/webhooks/stripe
## add stripe webhook key to apps/web/.env
STRIPE_WEBHOOK_SECRET=""You're ready to use the app!
1. Open localhost:3000
2. Sign up -> confirm email
3. login
4. pricing page --> purchase credits
a. should see stripe events in Terminal Tab 3
5. should see success page, new credits added
6. back to home, chat with app, credits get deductedThis monorepo uses pnpm workspaces for efficient dependency management and task orchestration.
# Development
pnpm dev # Start all apps in development mode (parallel)
pnpm build # Build all apps
pnpm lint # Lint all apps
pnpm lint:fix # Fix linting issues in all apps
pnpm format # Format code in all apps
pnpm format:check # Check code formatting in all apps
pnpm test # Run tests in all apps
pnpm test:int # Run integration tests in all apps
pnpm clean # Clean all build artifacts and node_modules
# Individual App Commands
pnpm web:dev # Start only the web app
pnpm web:build # Build only the web app
pnpm agents:dev # Start only the agents app
pnpm agents:build # Build only the agents app
pnpm agents:test # Test only the agents app
pnpm agents:test:int # Integration tests for agents app├── apps/
│ ├── web/ # Next.js chat UI
│ │ ├── src/
│ │ ├── package.json
│ │ └── ...
│ └── agents/ # LangGraph agents
│ ├── src/
│ ├── package.json
│ └── ...
├── package.json # Root package.json with workspaces
├── pnpm-workspace.yaml # pnpm workspace configuration
├── .npmrc # pnpm configuration
└── README.md
- Framework: Next.js 15
- UI: Radix UI + Tailwind CSS + shadcn/ui
- Auth: Supabase,
- Payments: Stripe SDK
- State: Nuqs, Zustand
- Package Manager: pnpm
- Runtime: Node.js + TypeScript
- Framework: LangGraph.js
- AI: LangChain + Anthropic
- Auth: Langgraph Middleware
- Testing: Jest
- Package Manager: pnpm
# Add to specific app
pnpm --filter web add <package>
pnpm --filter agents add <package>
# Add dev dependency to specific app
pnpm --filter web add -D <package>
# Add to root (for tooling)
pnpm add -D <package> -w# All tests
pnpm test
# Only agents tests
pnpm agents:test
# Integration tests
pnpm test:int# Build all apps
pnpm build
# Build specific app
pnpm web:build
pnpm agents:buildEach app can be deployed independently:
- Web App: Deploy to Vercel, Netlify, or any Node.js hosting
- Agents: Deploy to any Node.js hosting or containerize with Docker
- Install dependencies:
pnpm install - Start development:
pnpm dev - Make your changes
- Run tests:
pnpm test - Format code:
pnpm format - Submit a pull request