Next.js is a React framework for server-side rendering, static site generation, and production-grade React applications. It provides file-based routing, API routes, and excellent performance optimization.
Key Concepts
Server-side rendering (SSR)
Static site generation (SSG)
Incremental static regeneration
API routes (serverless functions)
App router vs Pages router
Common Use Cases
E-commerce sites
Marketing websites
Dashboard applications
JAMstack websites
Full-stack React apps
Best Practices
Use proper data fetching patterns
Implement code splitting
Optimize images with next/image
Use proper SEO metadata
Leverage SSR for dynamic content
Resources
Nextjs.org: nextjs.org/docs
Related Skills: react, typescript, tailwind, vercel
1---2name: nextjs-23description: Next.js4---5# Next.js67Next.js is a React framework for server-side rendering, static site generation, and production-grade React applications. It provides file-based routing, API routes, and excellent performance optimization.89## Key Concepts1011- Server-side rendering (SSR)12- Static site generation (SSG)13- Incremental static regeneration14- API routes (serverless functions)15- App router vs Pages router1617## Common Use Cases1819- E-commerce sites20- Marketing websites21- Dashboard applications22- JAMstack websites23- Full-stack React apps2425## Best Practices2627- Use proper data fetching patterns28- Implement code splitting29- Optimize images with next/image30- Use proper SEO metadata31- Leverage SSR for dynamic content3233## Resources3435- Nextjs.org: nextjs.org/docs36- Related Skills: react, typescript, tailwind, vercel
Run npx skillmds@latest add neuralblitz/nextjs-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Next.js It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
NeuralBlitz (@neuralblitz) published this skill. Their other Agent Skills are listed on their SkillMD profile.