AaaS Code Blocks — Agent-Optimized Code Patterns for Next.js 16

Connect your agent in one line

claude mcp add --transport http aaas-blocks https://mcp.aaas.blog/mcp

// .cursor/mcp.json
{
  "mcpServers": {
    "aaas-blocks": {
      "url": "https://mcp.aaas.blog/mcp"
    }
  }
}

// .vscode/mcp.json
{
  "servers": {
    "aaas-blocks": {
      "type": "http",
      "url": "https://mcp.aaas.blog/mcp"
    }
  }
}

Then ask your agent: "Search for auth blocks" or "What code blocks are available?"

All 12 Blocks

Three layers: Foundation → Integration → Feature. Higher layers build on lower. Every block is version-verified against live APIs.

Layer 1 — Foundation

auth/clerk

Clerk auth: proxy.ts, sign-in/up pages, server helpers, UserButton

5 files · @clerk/nextjs ^7.0.0 · verified 2026-03-29

auth/authjs

Auth.js v5: Google + GitHub OAuth, JWT sessions, SessionProvider

4 files · next-auth 5.0.0-beta.30 · verified 2026-03-29

db/drizzle-neon

Drizzle ORM + Neon Postgres: config, schema, migrate, seed

5 files · drizzle-orm 0.45.2 · verified 2026-03-29

config/typescript

Strict tsconfig with path aliases and Next.js 16 types

1 file · TypeScript 5.7 · verified 2026-03-29

config/eslint

ESLint 9 flat config + Prettier + Next.js plugin + TypeScript strict

2 files · eslint 9.17 · verified 2026-03-29

Layer 2 — Integration

payments/stripe

Stripe Checkout, webhook handler with signature verification, customer portal

4 files · stripe ^21.0.0 · requires: auth/* · verified 2026-03-29

email/resend

Resend client, React Email template, protected send API route

3 files · resend ^4.0.0 · verified 2026-03-29

storage/blob

Vercel Blob upload route, client component, storage helpers

3 files · @vercel/blob ^0.27.0 · verified 2026-03-29

analytics/posthog

PostHog provider, event tracking, pageview component, feature flags

3 files · posthog-js ^1.200.0 · verified 2026-03-29

Layer 3 — Feature

feature/landing

SaaS landing page: hero, features grid, 3-tier pricing, footer. Dark mode, responsive.

6 files · zero deps · verified 2026-03-29

feature/dashboard

Admin dashboard: sidebar, stat cards, searchable/sortable data table, header

6 files · requires: auth/* · verified 2026-03-29

feature/onboarding

Multi-step onboarding wizard with progress indicator and form validation

4 files · requires: auth/* · verified 2026-03-29

How It Works

Your AI agent discovers blocks via MCP, you install them via CLI. Each block is a self-contained module with verified, current code.

Agent asks: "I need auth for this Next.js 16 project" ↓ MCP Tool: search_blocks(query: "auth nextjs") ↓ Returns: auth/clerk, auth/authjs — with descriptions, versions, install commands ↓ Agent runs: npx aaas-blocks add auth/clerk ↓ CLI: Fetches 5 files → detects project structure → writes to correct paths → installs @clerk/nextjs → updates lock file → prints env vars ↓ Done. 5 files in your project. Production-ready. Verified today.

Production code for
AI agents

Connect your agent in one line

All 12 Blocks

How It Works

MCP Tools

Production code forAI agents

Connect your agent in one line

All 12 Blocks

How It Works

MCP Tools

Production code for
AI agents