Nextjs Core
Core Next.js patterns and conventions for building applications with the framework. You'll reach for this when setting up new projects, configuring routing, handling data fetching with getServerSideProps or getStaticProps, or working with API routes. It covers the fundamental building blocks that make Next.js different from plain React. The main value is having canonical examples of how Next.js expects things to be structured rather than hunting through docs or remembering which data fetching method runs where. If you're working in a Next.js codebase daily, this keeps the essential patterns within reach.
- skills.sh installs
- 357
- GitHub stars
- 79
- last updated
- Aug 21, 2026
Install
$ npx -y skills add bobmatnyc/claude-mpm-skills --skill nextjs-core --agent claude-codeInstalls into .claude/skills of the current project.
Files
Next.js Core (App Router)
- Server Components by default; minimal
"use client". - Mutations in Server Actions (validate/authz; revalidate tags/paths).
- Route handlers for APIs/webhooks; add loading/error boundaries.
Anti-patterns:
- ❌ Fetch initial data in
useEffect. - ❌ Cache or revalidate too broadly.
- ❌ Client-only authz.
References: see references/ (server actions, fetching, caching, routing, auth, testing).
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/bobmatnyc/claude-mpm-skills
- Categories
- Frontend Development, Backend & APIs
- First seen
- Jun 3, 2026
More from bobmatnyc/claude-mpm-skills
All 158- Fastapi Local Dev356
- Vb Winforms356
- Headlessui355
- Jest Typescript354
- Vercel Networking Domains353
- Svelte352
- Sec Edgar Pipeline351
- Env Manager350
- Mongodb350
- Vb Core350
- Phoenix Api Channels348
- Digitalocean Containers Images347
- Hono Jsx347
- Langgraph346
- Pr Quality Checklist346
- Ecto Patterns345
- Vercel Observability345
- Media Transcoding344
- Clap341
- Phoenix Ops341
- Prisma Orm341
- Graphql340
- Pre Merge339
- Vb6 Legacy338
Recommended
More Frontend Development
sveltebobmatnyc/claude-mpm-skillsSvelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript352skills.sh installshono-jsxbobmatnyc/claude-mpm-skillsHono JSX - server-side rendering, streaming, async components, and HTML generation patterns347skills.sh installsflexlayout-reactbobmatnyc/claude-mpm-skillsFlexLayout for React - Advanced docking layout manager with drag-and-drop, tabs, splitters, and complex window management337skills.sh installs
frontend-engineersiviter-xyz/dot-agentFrontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with fe322skills.sh installs
integration-nextjs-app-routerposthog/skillsPostHog integration for Next.js App Router applications316skills.sh installs
nextjs-use-search-params-suspensewsimmonds/claude-nextjs-skillsPattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when ac313skills.sh installs