Photo by Lautaro Andreani on Unsplash
Difference between client-side rendering and server-side rendering.
Client-Side Rendering
- Renders app to HTML in the user's browser
- Loads index.html from server loads Javascript bundle from the server, runs bundle, displays app, loads data.
- Less strain on the server, but generally slower user experience.
Server-Side Rendering
- Renders app to HTML on the server.
- Runs Javascript bundle, loads data, create HTML document, sends to the client side.
- Faster user experience and better for SEO, but more strain on the server.