home/coding/faos-skill-nextjs-app-router-patterns-instructions

Faos Skill Nextjs App Router Patterns.instructions

GPTClaudeDeepSeek··▲ 1,206 copies·updated 2026-07-14

faos-skill-nextjs-app-router-patterns-instructions.prompt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT -->
---
applyTo: '**/*.{ts,tsx,js,jsx}'
---

# 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.

# Next.js App Router Patterns

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

## Use this skill when

- Building new Next.js applications with App Router
- Migrating from Pages Router to App Router
- Implementing Server Components and streaming
- Setting up parallel and intercepting routes
- Optimizing data fetching and caching
- Building full-stack features with Server Actions

## Do not use this skill when

- The task is unrelated to next.js app router patterns
- You need a different domain or tool outside this scope

## Instructions

- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.

## Resources

fill the variables

This prompt has 1 variable. Pro fills them into a ready-to-paste prompt for you — no manual find-and-replace.

{ts,tsx,js,jsx}

Unlock with Pro →

when to use it

Community prompt sourced from the open-source GitHub repo frank-luongt/faos-skills-marketplace (Apache-2.0). A "Faos Skill Nextjs App Router Patterns.instructions" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.