app-router

This skill should be used when the user asks to "create a Next.js route", "add a page", "set up layouts", "implement loading states", "add error boundaries", "organize routes", "create dynamic routes", or needs guidance on Next.js App Router file conventions and routing patterns.

Content Preview
---
name: app-router
description: This skill should be used when the user asks to "create a Next.js route", "add a page", "set up layouts", "implement loading states", "add error boundaries", "organize routes", "create dynamic routes", or needs guidance on Next.js App Router file conventions and routing patterns.
version: 1.0.0
---

# Next.js App Router Patterns

## Overview

The App Router is Next.js's file-system based router built on React Server Components. It uses a `app/` directory structu
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/app-router.md \
  https://raw.githubusercontent.com/davepoon/buildwithclaude/main/plugins/nextjs-expert/skills/app-router/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/davepoon/buildwithclaude

Then reference at plugins/nextjs-expert/skills/app-router/SKILL.md

Related Skills