Next.js 모범사례

무엇을 하나요

Next.js Best Practices Principles for Next.js App Router development. 1. Server vs Client Components Decision Tree By Default | Type | Use | | | | | Server | Data fetching, layout, static content | | Client | Forms, buttons, interactive UI | 2. Data Fetching Patterns Fetch Strategy | Pattern | Use | | | | | Default | Static (cached at build) | | Revalidate | ISR (time based refresh) | | No store | Dynamic (every request) | Data Flow | Source | Pattern | | | | | Database | Server Component fetch | | API | fetch with caching | | User input | Client state + server action | 3. Routing Principles File Conventions | File | Purpose | | | | | page.tsx | Route UI | | layout.tsx | Shared layout | | lo…