What is Server Components?
React components that run on the server and send only the rendered HTML to the browser, not JavaScript.
Why It Matters
Server components reduce the amount of JavaScript sent to browsers, making pages load faster.
Real-World Example
A product listing page rendered entirely on the server, with interactive elements handled by separate client components.
“Understanding terms like Server Components matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
SSR (Server-Side Rendering)
Generating web pages on the server for each request, then sending complete HTML to the browser
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling
Streaming (Web)
Sending parts of a web page to the browser as they become ready rather than waiting for the entire page.
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling
SSR (Server-Side Rendering)
Generating web pages on the server for each request, then sending complete HTML to the browser
Streaming (Web)
Sending parts of a web page to the browser as they become ready rather than waiting for the entire page.
Frontend
The part of a website or app that users see and interact with directly
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout