메뉴
Build a complete AI chat application with database persistence, chat list management, and automatic title generation.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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