mcpField
B
base-app-setup

base-app-setup

github.com/andrelandgrafDevelopment23122 installsUpdated 20w ago
Repository

About base-app-setup

base-app-setup is a recipe-based skill for setting up a Next.js application with Shadcn UI, Neon Postgres, Drizzle ORM, and the AI SDK. It is aimed at developers who want ordered setup guidance spanning deployment, code health, configuration, and a streaming chat interface.

Key features

  1. 01Next.js on Bun and Vercel deployment
  2. 02Prettier, TypeScript, and Fallow setup
  3. 03AI coding agent and MCP configuration
  4. 04Shadcn UI theming and dark mode
  5. 05better-env configuration and validation
  6. 06Neon, Drizzle, and AI SDK recipes

Use cases

  1. 01Starting a Next.js app with deployment setup
  2. 02Adding type-safe database access with Drizzle
  3. 03Configuring AI coding agents for a project
  4. 04Building a streaming chat interface

MCP support

Includes a recipe for configuring MCP servers as part of AI coding agent setup.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill base-app-setup

After installing, type/base-app-setupin Claude Code to confirm it loaded.

Details

From the project README

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-vercel
Code Health, Linting & Formatting

Configure Prettier for formatting, TypeScript for typechecking, and Fallow for code health (dead code, duplication, complexity, architecture drift). Skips ESLint/Biome to avoid config complexity.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/code-health-setup
AI 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-setup
Shadcn 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-setup
Assertion 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/assert
Type-Safe Environment Configuration with better-env

Use better-env config modules for type-safe server/public env access, feature flags, and either-or credential constraints.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Build-Time Environment Validation with better-env

Validate all env-backed config modules with better-env before build and in CI.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/env-validation
Neon + 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-setup
AI 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-setup
Drizzle Queries

Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and adding new tables.

bunx skills add andrelandgraf/fullstackrecipes/skills -s drizzle-queries

Comments

Markdown supported