Menu
Build a complete AI chat application with database persistence, chat list management, and automatic title generation.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Build resumable multi-agent workflows with durable execution, tool loops, and automatic stream recovery on client reconnection.
Complete authentication system with Better Auth, email verification, password reset, protected routes, and account management.
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
Better environment variable management for agents and humans with full type safety, CLI-based remote environment synchronization, and environment validation. Use when setting up typed config schemas, validating env variables, or managing remote env vars across Vercel, Netlify, Railway, Cloudflare, and Fly.io with better-env.
Complete environment variable management with type-safe validation, Vercel dev workflow, and prebuild validation.
Complete observability stack with structured logging, error tracking, and web analytics.
| name | ai-chat |
| description | Build a complete AI chat application with database persistence, chat list management, and automatic title generation. |
Build a complete AI chat application with database persistence, chat list management, and automatic title generation.
Complete these recipes first (in order):
Type-safe environment variable validation using Zod with a Drizzle-like schema API. Supports server/public fields, feature flags, either-or constraints, and client-side protection.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/shadcn-ui-setup
Complete authentication system with Better Auth, email verification, password reset, protected routes, and account management.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/authentication
Sync React state to URL query parameters for shareable filters, search queries, and deep links to modal dialogs. Preserves UI state on browser back/forward navigation.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nuqs-setup
Configure structured logging with Pino. Outputs human-readable colorized logs in development and structured JSON in production for log aggregation services.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/pino-logging-setup
Install and configure the Workflow Development Kit for resumable, durable AI agent workflows with step-level persistence, stream resumption, and agent orchestration.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/workflow-setup
Persist AI chat conversations to Neon Postgres with full support for AI SDK message parts including tools, reasoning, and streaming. Uses UUID v7 for chronologically-sortable IDs.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/ai-chat-persistence
Build a chat list page with search, rename, and delete functionality. Uses nuqs for URL-synced filters and deep-linkable modal dialogs.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/chat-list
Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/chat-naming