Skip to content

Skills suchen.../

Agent Skill Search Engine

Suche

Suche
Kategorien
Berufe

About

About
Privacy
Terms

© 2026 Skills Pool. Alle Rechte vorbehalten.

Nextjs App Router | Skills Pool

Skill-Datei

Nextjs App Router

File-system routing, Layouts, and Route Groups.

ngxtm0 Sterne23.01.2026

Beruf: Webentwickler
Kategorien: Wissensdatenbank

Skill-Inhalt

Priority: P0 (CRITICAL)

Use the App Router (app/ directory) for all new projects.

File Conventions

page.tsx: The UI for a route.
layout.tsx: Shared UI wrapping children. Persists across navigation.
template.tsx: Similar to layout, but remounts on navigation.
loading.tsx: Suspense boundary for loading states.
error.tsx: Error boundary (Must be Client Component).
not-found.tsx: Custom 404 UI.
route.ts: Server-side API endpoint.

Structure Patterns

Route Groups: Use parenthesis (auth) to organize routes without affecting URL path.
- app/(auth)/login/page.tsx -> /login

Verwandte Skills

Schnellinstallation

Nextjs App Router

npx skillvault add ngxtm/ngxtm-skill-rule-rules-nextjs-app-router-skill-md

Skill herunterladen Repository öffnen

Autor: ngxtm
Sterne: 0
Aktualisiert: 23.01.2026
Beruf

Auf dieser Seite

01Priority: P0 (CRITICAL)

Private Folders: Use underscore _lib to exclude folders from routing.

Dynamic Routes: Use brackets [slug].

app/blog/[slug]/page.tsx -> /blog/abc

Catch-all: [...slug] matches subsequent segments.

Navigation

Link Component: Use <Link href="/dashboard"> for prefetching.
Programmatic: Use useRouter hook (Client Components only).
- router.push('/dashboard')
Redirect: Use redirect('/login') in Server Components.

Best Practices

Colocation: Keep component files, styles, and tests inside the route folder.
Layouts: Use Root Layout (app/layout.tsx) for <html> and <body> tags.

02

File Conventions

03Structure Patterns

05Best Practices

CMS & Plattformen

Notion

Notion API for creating and managing pages, databases, and blocks.

Wissensdatenbank

Feishu Wiki

Feishu knowledge base navigation. Activate when user mentions knowledge base, wiki, or wiki links.

Wissensdatenbank

Gemini

Gemini CLI for one-shot Q&A, summaries, and generation.

Wissensdatenbank

Obsidian Vault Maintainer

Maintain an Obsidian-friendly memory wiki vault with wikilinks, frontmatter, and official Obsidian CLI awareness.

Wissensdatenbank

Openclaw Pr Maintainer

Maintainer workflow for reviewing, triaging, preparing, closing, or landing OpenClaw pull requests and related issues. Use when Codex needs to validate bug-fix claims, search for related issues or PRs, apply or recommend close/reason labels, prepare GitHub comments safely, check review-thread follow-up, or perform maintainer-style PR decision making before merge or closure.

Wissensdatenbank

Wiki Maintainer

Maintain the OpenClaw memory wiki vault with deterministic pages, managed blocks, and source-backed updates.