Menu
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
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.
Build a complete AI chat application with database persistence, chat list management, and automatic title generation.
Complete authentication system with Better Auth, email verification, password reset, protected routes, and account management.
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 | base-app-setup |
| description | Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK. |
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
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
Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/code-style-setup
Configure AI coding agents like Cursor, GitHub Copilot, or Claude Code with project-specific patterns, coding guidelines, and MCP servers for consistent AI-assisted development.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/agent-setup
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
TypeScript assertion function for runtime type narrowing with descriptive error messages. Based on tiny-invariant.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/assert
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
Validate environment variables on server start and before builds. Catch missing or invalid variables early with clear error messages.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/env-validation
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
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/ai-sdk-setup
Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and adding new tables.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-drizzle-queries