---
stable_id: skills/skills-sh-vercel-labs-next-skills-next-best-practices
type: skills
title: skills-sh-vercel-labs-next-skills-next-best-practices
summary: |-
  # File Conventions
  Next.js App Router uses file-based routing with special file conventions.
  ## Project Structure
  Reference: https://nextjs.org/docs/app/getting-started/project-structure
  ```
  app/
  ├── layout.tsx          # Root layout (required)
  ├── page.tsx            # Home page (/)
  ├── loading.tsx         # Loading UI
  ├── error.tsx           # Error UI
tags:
  - skills-sh
  - skills-sh-all-time
source_url: https://raw.githubusercontent.com/vercel-labs/next-skills/HEAD/skills/next-best-practices/file-conventions.md
license: ""
upstream_ref: https://skills.sh/vercel-labs/next-skills/next-best-practices
github_stars: 745
github_forks: 47
github_is_organization: true
retrieved_at: 2026-06-11T08:33:19.885Z
content_sha256: 0fed8bd429983c930c95eab3ab0254d4f2c128068fa290d758a057e3467252c3
---
