What’s the difference, in React, between Server-Side Rendering and Server Components?

For a while, I had trouble identifying the difference between the two. It kept bothering me.

On the surface, both seem very similar. They both happen on the server. They’re both intended to render content faster.

However, the documentation for server components explains that these technologies serve different purposes and operate at different levels. The two concepts are independent. You can have Server-Side Rendering (or SSR) without Server Components and Server Components without SSR. (And, of course, you can have both or neither.)

So, how can we understand the difference between the two?

The day I understood the difference between the two was when I focused on what is different in the two names, not what is similar. That might sound stupidly obvious, but trust me, it makes sense. Let me explain.

#reactjs #nextjs

----
Want to go into further depth? Head to https://kodaps.dev/