Skip to content
Agentmart
Submit a tool

nextjs-patterns

Next.js App Router patterns — RSC boundaries, caching, server actions.

Skill by alec-c4

IndexedMIT★ 1
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/alec-c4-nextjs-patterns

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Next.js App Router patterns — RSC boundaries, caching, server actions. Load after stacks/nextjs profile.

Use cases: frontend, backend

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/nextjs-patterns

What's inside

Skill name
nextjs-patterns
Description
Next.js App Router patterns — RSC boundaries, caching, server actions. Load after stacks/nextjs profile.
License
MIT
Instructions
24 lines in SKILL.md · view on GitHub

Files (1)

  • SKILL.md

SKILL.md (first lines)

# Next.js patterns

Load after [stacks/nextjs](../stacks/nextjs/SKILL.md). Commands from `profile.yaml`.

## App Router

- Default to **Server Components**; add `"use client"` only for interactivity.
- **Colocate** loading/error boundaries with route segments.
- **Server Actions** for mutations — validate input server-side; revalidate tags/paths explicitly.

## Data and caching

- Prefer `fetch` cache options; for cached work use the `use cache` directive with `cacheLife` / `cacheTag` on versions that ship Cache Components, and `unstable_cache` only on older ones. Check the project's Next version before choosing.
- Do not leak secrets into client bundles — env vars without `NEXT_PUBLIC_` stay server-only.

## DoD alignment

- `server_client_boundary` and `no_any_public_api` from stack `dod_overlay`.

## References

- [Next.js docs](https://nextjs.org/docs)

From alec-c4/agent_dev_kit, MIT.

More from alec-c4/agent_dev_kit

Signals

Stars
1
Forks
0
Open issues
0
Last commit (this folder)
Sep 6, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
Repository
github.com/alec-c4/agent_dev_kit
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from alec-c4

Cite this page

nextjs-patterns skill. Agent Mart. https://agentmart.dev/skills/alec-c4-nextjs-patterns (last updated 2026-10-24)