Next.js & React
Static Generation
What It Is
Pre-building pages at build time, served as static files
Analogy
Meal prepping on Sunday for the whole week — ready to go when needed
Try It Out
Static Generation Flow
Connections:
build → htmlhtml → cdn
Related Terms in Next.js & React
Framework
A food truck that comes with the kitchen already set up — you just add your recipes
Component
LEGO blocks — each one is self-contained, and you combine them to build something bigger
Props
Instructions given when you delegate a task — "here's what you need to know"
State
The current mood of your restaurant — busy, slow, sold out — and the sign you flip accordingly