Why this matters
Small reusable components make it easier to add features without rewriting every template.
Setup
Keep global HTML, metadata, header, and footer in a base layout. Put article structure in a post layout and list rendering in card components.
Implementation notes
Do not create abstractions for one-off markup. Extract a component when the same pattern appears on several pages or has logic worth isolating.
Final checklist
- Layouts own page structure
- Components own repeatable UI
- One-off markup stays local