# nextjs-app-router-patterns

Skill, Site yapımı ve arayüz alanında. Sayfa: https://angskills.com/k/nextjs-app-router-patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

- Kaynak: https://github.com/wshobson/agents
- Lisans: MIT
- GitHub yıldızı: 42303
- Güncellendi: 8 Kasım 2026

## Basitçe

**Nedir?** Skill, ajanına (Claude Code, Codex gibi) yüklenen bir talimat paketidir. Telefona uygulama yüklemeye benzer: bir kez kurarsın, ajan o işi nasıl yapacağını bilir.

**Ne işe yarar?** “Site yapımı ve arayüz” işlerinde kullanılır. Yayıncının sözleriyle: Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.

**Örnek istek** “Bu sayfanın tasarımını daha düzgün yap.”

**Ajanlar** Claude Code, Codex, OpenCode için hazır komut var.

**Güvenilir mi?** 42.303 GitHub yıldızı · MIT. Kurmadan önce kaynağa bak.

## Benchmark (ANG puanı, 100 üzerinden)

- Claude Code: 78
- Codex: 78
- OpenCode: 78
- OpenClaw: kurulmaz
- Grok: kurulmaz
- Antigravity: kurulmaz

## Kurulum

### Claude Code

```bash
git clone --depth 1 https://github.com/wshobson/agents
```

Sonra plugins/frontend-mobile-development/skills/nextjs-app-router-patterns klasörünü ajanının skills klasörüne kopyala.

### Codex

```bash
git clone --depth 1 https://github.com/wshobson/agents
```

Sonra plugins/frontend-mobile-development/skills/nextjs-app-router-patterns klasörünü ajanının skills klasörüne kopyala.

### OpenCode

```bash
git clone --depth 1 https://github.com/wshobson/agents
```

Sonra plugins/frontend-mobile-development/skills/nextjs-app-router-patterns klasörünü ajanının skills klasörüne kopyala.

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.