Loading
Server Components is react components that run only on the server and send just the HTML to the browser, with zero JavaScript shipped to the client. They can directly access databases and APIs. Introduced by React and popularized by Next.js App Router.
React components that run only on the server and send just the HTML to the browser, with zero JavaScript shipped to the client. They can directly access databases and APIs. Introduced by React and popularized by Next.js App Router.
The server builds the full HTML page before sending it to the browser. Great for SEO and fast initial loads because users see content immediately instead of a blank screen.
The browser downloads a minimal HTML shell, then JavaScript builds the page. Fast subsequent navigations, but users might see a loading spinner on first visit.
When server-rendered HTML gets "activated" by JavaScript in the browser. The page looks ready instantly, then becomes interactive once the JS loads and attaches event listeners.
A web app that loads once and never does a full page refresh. Navigation feels instant because it just swaps content instead of requesting new HTML from the server.
The traditional web model where each page is a separate HTML document. Click a link, server sends a new page. Simple, reliable, and SEO-friendly out of the box.