# nextjs-expert

> Expert guidance on Next.js development, including App Router and Server Components.

- Author: ykjung
- Repository: inpiniti/qt
- Version: 20260121175257
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/inpiniti/qt
- Web: https://mule.run/skillshub/@@inpiniti/qt~nextjs-expert:20260121175257

---

---
name: nextjs-expert
description: Expert guidance on Next.js development, including App Router and Server Components.
---
# Next.js Expert Instructions

When working with Next.js, follow these guidelines:

## Core Principles
- **App Router**: Prefer App Router (`app` directory) over Pages Router for new projects.
- **Server Components**: Use Server Components by default. Add 'use client' only when interactivity (hooks, event listeners) is needed.
- **Data Fetching**: Use `fetch` in Server Components for data fetching.

## Reference
- See `docs/nextjs/00_overview_and_setup.md` for setup instructions.
- Official Docs: [nextjs.org/docs](https://nextjs.org/docs)

## Project Structure
- `app/layout.tsx`: Root layout.
- `app/page.tsx`: Home page.
- `components/`: Reusable components.