nextjs-app-router-fundamentals

Create Next.js App Router layouts, pages, and metadata exports.

5|Updated Dec 22, 2025

Search Tags:#layout #routing #metadata #nextjs #app-router

Ready to run

npx skills add https://github.com/MuhammedSuhaib/LevelUpSpeckit-Plus --skill nextjs-app-router-fundamentals-muhammedsuhaib

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nextjs-app-router-fundamentals
Source: https://github.com/MuhammedSuhaib/LevelUpSpeckit-Plus/tree/main/Skill+SubAgents/skills/claude-nextjs-skills/nextjs-app-router-fundamentals
Command: npx skills add https://github.com/MuhammedSuhaib/LevelUpSpeckit-Plus --skill nextjs-app-router-fundamentals-muhammedsuhaib

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill covers Next.js App Router basics: file-based routing, layouts, metadata, and core routing patterns to bootstrap modern Next.js apps.

Core Features & Use Cases

App Router basics: Layouts, pages, and nested routing.
Metadata & SEO: Exporting metadata for pre-rendered pages.
Routing patterns: Dynamic routes, catch-all, and route groups.

Quick Start

Create app/layout.tsx and app/page.tsx.
Add metadata export for SEO.
Implement basic navigation with Link components.