base-app-setup
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
Install
npx skillscat add andrelandgraf/fullstackrecipes/base-app-setup Install via the SkillsCat registry.
We need to produce a 2-3 sentence plain-text summary, objective, factual, no marketing language, no superlatives, no calls to action. Must be natural prose, no bullet points, no headings, no markdown formatting. At most 60 words. Must not wrap answer in quotes. So just output the summary text. We need to explain: what this skill does, what problem it solves, when to use it. The skill is "base-app-setup" which is a complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
Base App Setup
Complete setup guide for a Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK.
Cookbook - Complete These Recipes in Order
Next.js on Vercel
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-vercelEditor and Linting Setup
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-setupAI Coding Agent Configuration
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-setupShadcn UI & Theming
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-setupAssertion Helper
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/assertType-Safe Environment Configuration
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-setupBuild-Time Environment Variable Validation
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-validationNeon + Drizzle 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-setupAI SDK & Simple Chat
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-setupWorking with Drizzle
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-queriesInstall
npx skillscat add andrelandgraf/fullstackrecipes/base-app-setup Install via the SkillsCat registry.