Next.js
App Router, server components, and deployment workflows.
11 skills
vercel-react-best-practicesvercel-labs751KReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.clerk-nextjs-patternsclerk48KAdvanced Next.js patterns - middleware, Server Actions, caching with Clerk.nextjs-app-router-patternswshobson31KMaster Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.nextjs-on-cloudflarecloudflare19KBuild, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between vinext and OpenNext, or setting up vinext for Workers. For setup, migration, or deployment, install vinext's upstream skills with `npx skills add cloudflare/vinext` if missing, then read and follow the applicable skill and docs.next-dev-loopvercel17KVerify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines /_next/mcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`.next-cache-components-adoptionvercel16KTurn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.next-cache-components-optimizervercel15KDrive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route at a time; the shipped test then guards against regression. Use when asked to make a route's navigation instant (its static shell commits immediately), fix a route whose static shell isn't prerendered/served/prefetnextjs-best-practicessickn337.2KNext.js App Router principles. Server Components, data fetching, routing patterns.next-intl-add-languagegithub9.4KAdd new language to a Next.js + next-intl applicationnextvercel-labs8.1KNext.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-render/next, building Next.js apps from JSON specs, or creating AI-generated multi-page applications.agentationbenjitaylor13KAdd Agentation visual feedback toolbar to a Next.js project
8 servers
Next.js DevToolsvercel822next-devtools-mcp is a MCP server that provides Next.js development tools and utilities for AI coding assistants like Claude and Cursor.Next.jsrun-llama88A Next.js-based MCP server with OAuth 2.1 authentication support using Google as the default provider. Requires a PostgreSQL database and optionally Redis for SSE transport.Supabase Next.jstengfone4A simple notes system for Next.js applications using Supabase as the backend.Next.js ArchitectureNext Js ArchitectureIndexes your Next.js project so an agent finds the file that owns a task in one call.VercelVercelVercel is a cloud platform for deploying and scaling web applications, home of Next.js. Its official remote MCP server lets assistants search Vercel documentation, manage projects and deployments, and analyze logs from the account teams already ship with.VibeHostVibeHostDeploy static sites and Next.js apps from any AI editor with one command — 46 MCP tools for deployment, domains, and team sharing.BotKelpBotKelpRemote HTTP MCP: generate stamped Next.js source from a verified component catalog.AppsAIappsai-inc1Build and deploy full-stack Next.js apps with 98 tools for React, AWS, and MongoDB