Next.js & React

Component

What It Is

A reusable piece of UI that can be combined with others

Analogy

LEGO blocks — each one is self-contained, and you combine them to build something bigger

Try It Out

Component Tree

<App />
<Header />
<Logo />
<Nav />
<Main />
<Card />
<Card />

Components nest inside each other like LEGO blocks