When building a SitecoreAI headless frontend with Next.js, your AI coding agent needs to understand more than just React and TypeScript. Vercel has released an official plugin that provides coding agents with Vercel and Next.js-specific context, skills, specialist agents and slash commands.
Install it with: npx plugins add vercel/vercel-plugin
The plugin currently supports tools including Claude Code, OpenAI Codex, Cursor, GitHub Copilot, Grok Build and Kimi Code. It adds 28 skills covering subjects such as:
- Next.js App Router and Server Components
- React and Next.js performance
- Caching and cache invalidation
- Environment variables
- Deployment and CI/CD
- Vercel Functions
- Security and firewall configuration
- AI SDK and AI Gateway
For example, you can explicitly activate the Next.js knowledge using: /vercel-plugin:nextjs
The plugin is lightweight by default, automatically adding session context only in empty directories or detected Vercel and Next.js projects. Although it does not teach your agent how SitecoreAI works, it can significantly improve its understanding of the surrounding Next.js frontend. Combined with project-specific instructions and SitecoreAI skills, this creates a much stronger baseline for AI-assisted Sitecore development.
More information is available in the Vercel Plugin documentation.
Happy Codin'!