---
# System prepended metadata

title: Server-Side Rendering

---

# Server-Side Rendering



## How web application works : 
![](https://i.imgur.com/9U6vWMi.jpg)



# What is server-side rendering?
**Server-side rendering (SSR),** is the ability of an application to contribute by displaying the web-page on the server instead of rendering it in the browser. Server-side sends a fully rendered page to the client; the client’s JavaScript bundle takes over and allows the SPA framework to operate. There is also client-side rendering which slows down the procedure of viewing and interacting with the web page.

![](https://i.imgur.com/UB0dG0b.png)


![](https://i.imgur.com/iAQaqs5.png)



# Advantages of using server-side rendering

* It enables pages to load faster which provides a better user experience.

* It plays an important role in SEO (search engine optimization) and correctly indexes webpages. This happens because Google favors web pages with faster load time.

* It provides body to the HTML pages for all server ships.
 
* It assists with​ loading the page when the user has a slow internet connection.

* It assists in loading the page when the user has an outdated device.



# Disadvantages of using server-side rendering
Although server-side rendering is an excellent concept and has a lot of advantages, it also has some disadvantages:

* Server-side rendering seems to be a simple concept; however, its complexity increases as the complexity of the application increases.

* Rendering a big application on the server-side can be very time consuming and it may increase the loading time due to it being a single bottleneck.
 















example 
CSR : https://avans.osiris-student.nl/#/onderwijscatalogus/extern/cursussen
SSR : https://tr.uspoloassn.com/siyah-orme-pantolon-50244442-vr046-1/
