nextjs Skill
Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching, rendering strategies, and deployment on Vercel. Published by openai in plugins.
What is nextjs Skill?
Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching, rendering strategies, and deployment on Vercel. Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Database workflows
- Deployment
- Data analysis
- Database workflows use cases
- Deployment use cases
Technical details
- Install or run with Copy skill directory
When to use nextjs Skill
- Use it for database workflows.
- Use it for deployment.
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/vercel/skills/nextjs/SKILL.md
What it does
Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching, rendering strategies, and deployment on Vercel.
Skill instructions
Next.js (v16+) — App Router You are an expert in Next.js 16 with the App Router. Always prefer the App Router over the legacy Pages Router unless the user's project explicitly uses Pages Router. Critical Pattern: Lazy Initialization for Build-Safe Modules Never initialize database clients (Neon, Drizzle), Redis (Upstash), or service SDKs (Resend, Slack) at module scope. During next build, static generation can evaluate modules before runtime env vars are present, which causes startup crashes. Always initialize these clients lazily inside getter functions. ts import { drizzle } from 'drizzle-orm/neon-http' import { neon } from '@neondatabase/serverless' let db: ReturnType<typeof drizzle | null = null export function getDb() { if (!db) db = drizzle(neon(process.env.DATABASEURL!)) return db } Apply the same lazy singleton pattern to Redis and SDK clients (getRedis(), getResend(), getSlackClient()) instead of creating them at import time. Scaffolding When running create-next-app, always pa
Explore related resources
Frequently asked questions
What is nextjs?
nextjs is a open-source AI agent skill with Copy skill directory. Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching.
Who is nextjs best for?
nextjs is best for reusing agent instructions, scripts, and references, database workflows, deployment workflows, data analysis workflows.
How do I install nextjs?
Install or run nextjs using Copy skill directory. Check nextjs for the latest setup command.
Is nextjs actively maintained?
nextjs may need a closer maintenance check before production use.
Auto-fetched from GitHub.
