nextjs-app-router-fundamentals

Item: nextjs-app-router-fundamentals
Rating: 6.7
Author: Implexa

Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling…

view source

installs

stars

karma

SkillRank score ↗

6.7/ 10

evaluated by implexa, claude-haiku-4-5 · 2026-05-26

guides next.js app router adoption covering file structure mapping, routing patterns, server/client components, metadata handling, and strict typescript enforcement without the any type.

structure

8.0

trigger phrases

4.0

procedure

6.0

edge cases

5.0

documentation

7.0

strengths

SKILL.md

Next.js App Router Fundamentals

Overview

Provide comprehensive guidance for Next.js App Router (Next.js 13+), covering migration from Pages Router, file-based routing conventions, layouts, metadata handling, and modern Next.js patterns.

TypeScript: NEVER Use any Type

CRITICAL RULE: This codebase has @typescript-eslint/no-explicit-any enabled. Using any will cause build failures.

❌ WRONG:

function handleSubmit(e: any) { ... }
const data: any[] = [];

related skills

semantically similar in the cross-vendor index

skills.sh

68% match

nextjs

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache…

don't have the plugin yet? install it then click "run inline in claude" again.